@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .page.data-v-4f4a597e { background-color: #F5F6F8; padding: 20rpx; min-height: 100vh; box-sizing: border-box; margin-bottom: 100rpx; } .page .page-head.data-v-4f4a597e { text-align: right; padding-bottom: 10rpx; } .page .page-head .handle.data-v-4f4a597e { display: inline-block; background-color: #3384FF; color: #fff; padding: 10rpx 15rpx; box-sizing: border-box; border-right: 1rpx solid #eaeaea; font-size: 30rpx; text-align: center; } .page .page-head .handle.data-v-4f4a597e:nth-child(4) { border: 0; } .wrap.data-v-4f4a597e { padding: 20rpx; background-color: #fff; } .wrap .checklist .title.data-v-4f4a597e { color: #222222; font-size: 32rpx; height: 98rpx; line-height: 98rpx; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px dashed #E8E8E8; } .wrap .checklist .more.data-v-4f4a597e { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAHlBMVEXX2d3X2d3////r7O7c3uH6+vvh4+b19vf19fbh4uWMQW21AAAAAXRSTlPfVooXIwAAAC5JREFUCNdjYBQEAwYGQQgQwM9wNjZ2BDMklNQhIiJBIVA1kxKhDDG4LgIMuO0An5UJ21TrLr8AAAAASUVORK5CYII=); background-size: 30rpx 30rpx; padding-left: 40rpx; background-position: center left; background-repeat: no-repeat; } .wrap .checklist .item-cont.data-v-4f4a597e { padding-left: 20rpx; border-bottom: 1px dashed #E8E8E8; } .wrap .checklist .item-cont .checklistItem .itemTitle.data-v-4f4a597e { color: #222222; font-size: 32rpx; height: 98rpx; line-height: 98rpx; } .wrap .checklist .item-cont .point-cont.data-v-4f4a597e { padding-left: 30rpx; } .wrap .checklist .item-cont .point-cont .point.data-v-4f4a597e { display: flex; color: #666; font-size: 28rpx; height: 98rpx; line-height: 98rpx; } .wrap .checklist .item-cont .point-cont .point .pointContent.data-v-4f4a597e { flex: 1; } .wrap .checklist .item-cont .point-cont .point .status .text.data-v-4f4a597e { color: #3384FF; font-weight: 800; } .wrap .handle-container.data-v-4f4a597e { position: fixed; width: 100%; left: 0; bottom: 0; background-color: #fff; display: flex; justify-content: center; align-items: center; border-top: 1rpx solid #eaeaea; padding: 15rpx 0; } .wrap .handle-container .handle.data-v-4f4a597e { display: inline-block; color: #222; padding: 15rpx 20rpx; box-sizing: border-box; border: 1rpx solid #eaeaea; font-size: 26rpx; text-align: center; border-radius: 50rpx; margin: 0 10rpx; } .wrap .handle-container .handle.danger.data-v-4f4a597e { background-color: #FA5B41; color: #fff; } .wrap .handle-container .handle.submit.data-v-4f4a597e { background-color: #3384FF; color: #fff; } .wrap .handle-container .more.data-v-4f4a597e { position: relative; padding: 15rpx 20rpx; } .wrap .handle-container .more .text:hover + .list > .hand-item-box.data-v-4f4a597e { display: block; } .wrap .handle-container .more .list.data-v-4f4a597e { position: absolute; bottom: 100rpx; right: 0; box-shadow: 0px 2px 12px 0px #0000001F; padding: 0 20rpx; background-color: #fff; } .wrap .handle-container .more .list .hand-item-box.data-v-4f4a597e { position: relative; display: none; } .wrap .handle-container .more .list .hand-item-box.show.data-v-4f4a597e { display: block; } .wrap .handle-container .more .list .hand-item-box.data-v-4f4a597e::after { width: 0; height: 0; content: ""; display: block; border-width: 26rpx 26rpx 0 0; border-color: #fff transparent; border-style: solid; position: absolute; bottom: -20rpx; right: -20rpx; } .wrap .handle-container .more .list .hand-item-box .handle-item.data-v-4f4a597e { width: 180rpx; height: 50rpx; font-size: 26rpx; line-height: 50rpx; background-color: #fff; text-align: center; border-bottom: 1px solid #ccc; padding: 10rpx 0; } .wrap .handle-container .more .list .hand-item-box .handle-item.data-v-4f4a597e:last-child { border: 0; }