/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .stepbox.data-v-bfce3555 { padding: 15rpx 30rpx; border-bottom: 2rpx dotted #f3f4f6; } .stepbox.data-v-bfce3555 .u-steps-item__content { margin-top: -5rpx !important; } .stepbox .slot-content.data-v-bfce3555 { width: 100%; margin-bottom: 25rpx; justify-content: space-between; align-items: center; display: flex; } .casepop.data-v-bfce3555 { display: flex; flex-direction: column; max-height: calc(100vh - 400rpx); } .casepop .continue.data-v-bfce3555 { color: #2878ff !important; } .casecon.data-v-bfce3555 { flex: 1; overflow-y: scroll; padding-top: 10rpx; max-height: calc(100vh - 700rpx); min-height: 350rpx; padding-bottom: 20rpx; } .casecon.data-v-bfce3555 .u-radio { margin-bottom: 10px !important; margin-top: 0px !important; } .casecon .casePadding.data-v-bfce3555 { padding-bottom: 0rpx; } .casecon .column.data-v-bfce3555 { padding: 0 30rpx; border-bottom: 2rpx solid #e5e7eb; } .navbox.data-v-bfce3555 { padding-bottom: 20rpx; background-color: #f9fafb; position: relative; height: 200rpx; background: radial-gradient(60% 90% at 4% 2%, #43c9c3 0%, rgba(255, 255, 255, 0) 100%); } .navbox .bg.data-v-bfce3555 { z-index: 0; top: 0; bottom: 0; width: 100%; position: absolute; background: radial-gradient(43% 90% at 84% 6%, #ffd6c9 0%, rgba(255, 255, 255, 0) 100%); } .navbox .namebox.data-v-bfce3555 { padding-top: 102rpx; justify-content: center; margin: 0rpx 30rpx 0rpx; position: relative; display: flex; } .navbox .namebox .back.data-v-bfce3555 { position: absolute; left: 0; } .navbox .namebox .name.data-v-bfce3555 { margin-left: 16rpx; font-size: 30rpx; color: #111827; } .navbox .search.data-v-bfce3555 { margin: 40rpx 30rpx 0rpx; display: flex; align-items: center; justify-content: space-between; } .navbox .search .searchwrap.data-v-bfce3555 { display: flex; align-items: center; flex: 1; padding-left: 28rpx; margin-right: 23rpx; height: 80rpx; background: #fbfbfb; box-shadow: 0px 4rpx 10rpx 0px rgba(153, 153, 153, 0.5); border-radius: 40rpx; } .navbox .search .searchwrap .ipt.data-v-bfce3555 { margin-left: 15rpx; font-size: 28rpx; } .zanboxpop.data-v-bfce3555 { display: flex; align-items: center; justify-content: center; height: 100%; } .zanboxpop .zanwraper.data-v-bfce3555 { width: 630rpx; margin: 0 auto; padding-bottom: 50rpx; background: #f5f6f9; border-radius: 16rpx; } .zanboxpop .zanwraper .title.data-v-bfce3555 { margin-top: 48rpx; text-align: center; font-weight: 500; font-size: 36rpx; color: rgba(0, 0, 0, 0.85); } .zanboxpop .zanwraper .content.data-v-bfce3555 { padding: 30rpx 0; background: #f5f6f9; text-align: center; } .zanboxpop .zanwraper .count.data-v-bfce3555 { margin-top: 24rpx; display: flex; align-items: center; text-align: center; justify-content: center; font-weight: 400; font-size: 28rpx; color: rgba(0, 0, 0, 0.65); } .zanboxpop .zanwraper .count .num.data-v-bfce3555 { color: #ff0000; font-size: 32rpx; } .zanboxpop .zanwraper .count .earn.data-v-bfce3555 { font-size: 32rpx; color: #3cc7c0; } .zanboxpop .zanwraper .countbox.data-v-bfce3555 { display: flex; width: 100%; margin: 30rpx 0px 40rpx; padding: 0 40rpx; justify-content: center; box-sizing: border-box; } .zanboxpop .zanwraper .countbox .minus.data-v-bfce3555 { flex-shrink: 0; margin-left: 10rp; width: 90rpx; height: 90rpx; font-size: 60rpx; color: #333; display: flex; justify-content: center; align-items: center; background: #ffffff; border-radius: 12rpx; border: 2rpx solid #e9e9e9; } .zanboxpop .zanwraper .countbox .add.data-v-bfce3555 { flex-shrink: 0; width: 90rpx; margin-left: 10rpx; height: 90rpx; font-size: 60rpx; color: #333; display: flex; justify-content: center; align-items: center; color: #fff; background: #3cc7c0; border-radius: 12rpx; border: 2rpx solid #3cc7c0; } .zanboxpop .zanwraper .countbox.data-v-bfce3555 .u-input__content__field-wrapper__field { height: 60rpx; font-size: 34rpx !important; text-align: center !important; } .zanboxpop .zanwraper .countbox.data-v-bfce3555 .u-input { background: #f2f2f2; width: 200rpx !important; flex: none; } .zanboxpop .zanwraper .countbox.data-v-bfce3555 .u-input--radius { border-radius: 24rrpx; } .zanboxpop .zanwraper .btnbox.data-v-bfce3555 { margin: 0px 40rpx 0px; display: flex; justify-content: space-between; } .zanboxpop .zanwraper .btnbox .cancle.data-v-bfce3555 { color: rgba(0, 0, 0, 0.3); width: 256rpx; height: 88rpx; background: #f5f6f9; border-radius: 25px; border: 2rpx solid rgba(0, 0, 0, 0.15); font-weight: 500; font-size: 32rpx; color: rgba(0, 0, 0, 0.85); display: flex; justify-content: center; align-items: center; } .zanboxpop .zanwraper .btnbox .ok.data-v-bfce3555 { color: #fff; width: 256rpx; height: 88rpx; background: #3cc7c0; border-radius: 25px; border: 2rpx solid #3cc7c0; font-weight: 500; font-size: 32rpx; display: flex; justify-content: center; align-items: center; } .titlepop .top.data-v-bfce3555 { display: flex; align-items: center; justify-content: flex-end; margin: 0 30rpx; margin-bottom: 30rpx; font-size: 30rpx; color: #3cc7c0; } .titlepop .con.data-v-bfce3555 { padding-bottom: 50rpx; } .titlepop .cellbox.data-v-bfce3555 { margin: 20rpx 30rpx; display: flex; justify-content: space-between; } .titlepop .cellbox .cell.data-v-bfce3555 { width: 200rpx; height: 60rpx; border-radius: 25rpx; display: flex; justify-content: center; align-items: center; background: #e5e7eb78; font-size: 24rpx; } #editor.data-v-bfce3555 { position: relative; z-index: 2; padding: 0 10rpx; min-height: 600rpx; } #editor .editorcon.data-v-bfce3555 { position: absolute; top: 0; width: 100%; bottom: 0; z-index: 1; opacity: 1; } #editor .editorcon.active.data-v-bfce3555 { opacity: 0; } #editor .infoContent.data-v-bfce3555 { position: relative; z-index: 2; background: #fff; margin: 0 32rpx; word-wrap: break-word; word-break: break-all; /* position: relative; z-index:2; */ } #editor .mask.data-v-bfce3555 { opacity: 0; position: absolute; width: 100%; height: 100%; background: red; z-index: 9; } #editorRes.data-v-bfce3555 { position: relative; min-height: 600rpx; } #editorRes .editorcon.data-v-bfce3555 { position: absolute; top: 0; width: 100%; bottom: 0; z-index: -1; opacity: 1; } #editorRes .editorcon.active.data-v-bfce3555 { opacity: 0; } #editorRes .resultContent.data-v-bfce3555 { margin: 0 32rpx; word-wrap: break-word; word-break: break-all; } #editorRes .mask.data-v-bfce3555 { opacity: 0; position: absolute; width: 100%; height: 100%; background: red; z-index: 9; } #editorRes.data-v-bfce3555 .sv-editor-wrapper { flex: 1; min-height: 300rpx; position: absolute !important; } .myVideo.data-v-bfce3555 { width: 100%; border-radius: 15rpx; } .imgbox.data-v-bfce3555 { margin: 0 30rpx 30rpx; position: relative; } .imgbox .close.data-v-bfce3555 { position: absolute; top: 0rpx; right: 0; z-index: 9999; } .imgbox .imgunit.data-v-bfce3555 { width: 150rpx; height: 150rpx; position: relative; } .imgbox .imgunit .close.data-v-bfce3555 { position: absolute; top: 0rpx; right: 0; } .draftpop .titlebox.data-v-bfce3555 { text-align: center; padding: 30rpx; font-size: 31rpx; color: #111827; position: relative; } .draftpop .titlebox .close.data-v-bfce3555 { position: absolute; top: 20rpx; right: 30rpx; } .draftpop .draftlist.data-v-bfce3555 { height: calc(100vh - 500rpx); overflow-y: scroll; } .draftpop .draftlist .cell.data-v-bfce3555 { padding-bottom: 34rpx; border-bottom: 2rpx solid #e5e7eb; } .draftpop .draftlist .cell .title.data-v-bfce3555 { margin: 15rpx 30rpx 0; font-size: 36rpx; color: #111827; line-height: 46rpx; } .draftpop .draftlist .cell .smalltitle.data-v-bfce3555 { margin: 4px 0rpx 0; font-size: 30rpx; color: #666666; line-height: 38rpx; } .draftpop .draftlist .cell .con.data-v-bfce3555 { font-size: 30rpx; color: #666666; line-height: 38rpx; font-size: 30rpx; color: #666666; line-height: 38rpx; } .draftpop .draftlist .cell .deal.data-v-bfce3555 { margin: 36rpx 30rpx 0; display: flex; justify-content: space-between; align-items: center; } .draftpop .draftlist .cell .deal .time.data-v-bfce3555 { font-size: 26rpx; color: #9ca3af; } .draftpop .draftlist .cell .deal .right.data-v-bfce3555 { display: flex; align-items: center; } .draftpop .draftlist .cell .deal .del.data-v-bfce3555 { width: 138rpx; height: 62rpx; background: #f3f4f6; display: flex; border-radius: 20rpx; align-items: center; font-size: 27rpx; color: #4b5563; justify-content: center; } .draftpop .draftlist .cell .deal .edit.data-v-bfce3555 { margin-left: 23rpx; display: flex; align-items: center; justify-content: center; width: 192rpx; height: 62rpx; font-size: 27rpx; color: #ffffff; background: #3cc7c0; border-radius: 20rpx; } .expire.data-v-bfce3555 { margin-top: 46rpx; padding: 0 30rpx; display: flex; align-items: center; justify-content: space-between; } .expire .name.data-v-bfce3555 { font-size: 31rpx; color: #111827; } .expire .right.data-v-bfce3555 { display: flex; align-items: center; } .expire .right .day.data-v-bfce3555 { min-width: 50rpx; text-align: center; } .expire .right .minus.data-v-bfce3555 { width: 62rpx; height: 62rpx; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 50%; font-size: 50rpx; } .expire .right .plus.data-v-bfce3555 { display: flex; align-items: center; font-size: 50rpx; justify-content: center; width: 62rpx; height: 62rpx; background: #f5f5f5; border-radius: 50%; } .row.data-v-bfce3555 { padding: 0 30rpx; margin-bottom: 23rpx; } .row.data-v-bfce3555 .u-input { background: #f5f5f5; } .row.data-v-bfce3555 .u-input--radius { border-radius: 15rpx; } .row.data-v-bfce3555 .u-input__content__field-wrapper__field { height: 92rpx; } .first.data-v-bfce3555 { margin-bottom: 47rpx; } .votepop .confirm.data-v-bfce3555 { margin: 39rpx 30rpx 0; height: 92rpx; background: #3cc7c0; border-radius: 15rpx; display: flex; align-items: center; font-size: 31rpx; color: #ffffff; justify-content: center; } .votepop .del.data-v-bfce3555 { margin: 30rpx 30rpx 30rpx; height: 92rpx; background: #fff; border-radius: 15rpx; font-size: 31rpx; color: #666666; display: flex; align-items: center; justify-content: center; } .votepop .tips.data-v-bfce3555 { margin-top: 30rpx; font-size: 27rpx; color: #9ca3af; line-height: 38rpx; padding: 0 30rpx; } .votepop .add.data-v-bfce3555 { margin: 0 30rpx; display: flex; align-items: center; height: 92rpx; justify-content: center; background: #f5f5f5; border-radius: 15rpx; font-size: 31rpx; color: #4b5563; } .votepop .add .desc.data-v-bfce3555 { margin-left: 10rpx; } .votepop .titlebox.data-v-bfce3555 { padding: 0 30rpx; height: 86rpx; display: flex; align-items: center; justify-content: space-between; border-bottom: 2rpx solid #f3f4f6; } .votepop .titlebox .left.data-v-bfce3555 { font-size: 31rpx; color: #4b5563; } .votepop .titlebox .right.data-v-bfce3555 { font-size: 31rpx; color: #3cc7c0; } .votepop .votecon.data-v-bfce3555 { max-height: calc(100vh - 530rpx); overflow-y: scroll; } .votepop .votecon .row.data-v-bfce3555 { display: flex; align-items: center; } .votepop .votecon .row .iconbox.data-v-bfce3555 { margin-left: 15rpx; align-items: center; } .votepop .votecon .titlebox.data-v-bfce3555 { border: none; margin: 30rpx 0 20rpx; } .votepop .votecon .titlebox .title.data-v-bfce3555 { font-size: 31rpx; color: #111827; } .votepop .votecon .titlebox .desc.data-v-bfce3555 { font-size: 27rpx; color: #9ca3af; } .upage.data-v-bfce3555 { display: flex; flex-direction: column; height: 100vh; position: relative; } .upage.data-v-bfce3555 .u-image { background: transparent !important; } .toolbox.data-v-bfce3555 { border-top: 2rpx solid #f3f4f6; padding: 22rpx 30rpx; display: flex; align-items: center; } .toolbox .cell.data-v-bfce3555 { margin-right: 20rpx; display: flex; align-items: center; } .toolbox .cell .name.data-v-bfce3555 { font-size: 25rpx; margin-left: 4rpx; color: #4b5563; } .toolbox .cell.active.data-v-bfce3555 { opacity: 0.65; } .bottom.data-v-bfce3555 { position: fixed; bottom: 0; width: 100%; z-index: 1; background: #ffffff; } .bottom .bottombtn.data-v-bfce3555 { display: flex; align-items: center; border-top: 2rpx solid #e5e7eb; height: 133rpx; } .bottom .right.data-v-bfce3555 { margin-right: 30rpx; flex: 1; margin-left: 32rpx; height: 86rpx; background: #3cc7c0; border-radius: 23rpx; display: flex; align-items: center; justify-content: center; font-size: 31rpx; color: #ffffff; } .bottom .left.data-v-bfce3555 { margin-left: 30rpx; display: flex; } .bottom .left .draft.data-v-bfce3555 { width: 162rpx; height: 86rpx; background: rgba(0, 0, 0, 0); border-radius: 16rpx; border: 2rpx solid #e5e7eb; display: flex; align-items: center; justify-content: center; margin-right: 25rpx; } .bottom .left .vote.data-v-bfce3555 { width: 162rpx; height: 86rpx; background: rgba(0, 0, 0, 0); border-radius: 16rpx; border: 2rpx solid #e5e7eb; display: flex; align-items: center; justify-content: center; } .bottom .left .vote.active.data-v-bfce3555 { color: #3CC7C0; border: 2rpx solid #3CC7C0; } .form.data-v-bfce3555 { height: calc(100vh - 133rpx); margin: -20rpx 0rpx 0rpx; padding-bottom: 0rpx; overflow-y: scroll; } .form .sickbox.data-v-bfce3555 { display: flex; padding: 25rpx 25rpx 10rpx; margin-bottom: 20rpx; flex-wrap: wrap; } .form .add.data-v-bfce3555 { display: flex; font-size: 26rpx; justify-content: center; align-items: center; color: #3cc7c0; margin-bottom: 10rpx; margin-left: 18rpx; } .form .sick.data-v-bfce3555 { position: relative; padding: 0 60rpx 0 30rpx; height: 60rpx; margin-bottom: 10rpx; white-space: nowrap; display: flex; margin-right: 10rpx; justify-content: center; align-items: center; background: #f9f9f9; border-radius: 40rpx; font-size: 25rpx; color: #3cc7c0; } .form .sick .del.data-v-bfce3555 { position: absolute; right: 12rpx; } .form .textcon.data-v-bfce3555 { border-bottom: 2rpx solid #f3f4f6; } .form .textbox.data-v-bfce3555 { padding: 0 30rpx; border-bottom: 2rpx solid #f3f4f6; } .form .textbox.data-v-bfce3555 .u-textarea__field { min-height: 55rpx !important; } .form .textcell.data-v-bfce3555 { padding: 0 30rpx; margin-top: 25rpx; } .form .textcell .titlebox.data-v-bfce3555 { display: flex; align-items: center; justify-content: space-between; } .form .row.data-v-bfce3555 { padding: 30rpx 30rpx 0; display: flex; justify-content: space-between; align-items: center; } .form .row .left.data-v-bfce3555 { font-size: 38rpx; color: #000000; } .form .row .left .tip.data-v-bfce3555 { color: #9ca3af; font-size: 32rpx; } .form .row .right.data-v-bfce3555 { display: flex; align-items: center; color: #6b7280; font-size: 31rpx; } .data-v-bfce3555 .ql-container { padding-bottom: 25rpx; word-break: break-all; height: calc(100vh - 700rpx); } .data-v-bfce3555 .ql-container img { max-width: 100%; position: relative; left: 50%; transform: translateX(-50%); } .data-v-bfce3555 .ql-container image { max-width: 100%; position: relative; left: 50%; transform: translateX(-50%); } .con.data-v-bfce3555 .imgstyle { max-width: 100%; } .data-v-bfce3555 .imgstyle { max-width: 100%; }