@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .container .slide-box.data-v-439db37a { width: 100%; overflow: hidden; } .container .slide-box .list-item-border.data-v-439db37a { width: 100%; } .container .slide-box .slide-list.data-v-439db37a { transition: all 100ms; transition-timing-function: ease-out; min-width: 200%; } .container .slide-box .slide-list .now-message-info.data-v-439db37a { position: relative; box-sizing: border-box; display: flex; align-items: center; font-size: 16px; clear: both; padding: 0 30rpx; background: #f7f7f7; float: left; } .container .slide-box .slide-list .now-message-info .icon-image.data-v-439db37a { border-radius: 10rpx; width: 100rpx; height: 100rpx; float: left; } .container .slide-box .slide-list .now-message-info .icon-circle.data-v-439db37a { background: #3396fb; border-radius: 100%; width: 100rpx; height: 100rpx; line-height: 100rpx; text-align: center; color: #ffffff; font-weight: bold; font-size: 20px; float: left; } .container .slide-box .slide-list .now-message-info .list-right.data-v-439db37a { float: left; margin-left: 25rpx; margin-right: 30rpx; } .container .slide-box .slide-list .now-message-info .list-right .list-title.data-v-439db37a { width: 350rpx; line-height: 1.5; overflow: hidden; margin-bottom: 10rpx; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .container .slide-box .slide-list .now-message-info .list-right .list-detail.data-v-439db37a { width: 350rpx; font-size: 14px; color: #a9a9a9; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .container .slide-box .slide-list .now-message-info .list-right-1.data-v-439db37a { float: right; position: absolute; right: 30rpx; color: #a9a9a9; } .container .slide-box .slide-list .group-btn.data-v-439db37a { float: left; display: flex; flex-direction: row; min-width: 100rpx; align-items: center; margin-top: 6rpx; } .container .slide-box .slide-list .group-btn .btn-div.data-v-439db37a { height: 100rpx; color: #fff; text-align: center; padding: 0 50rpx; font-size: 34rpx; line-height: 100rpx; border-radius: 5px 0 0 5px; } .container .slide-box .slide-list .group-btn .top.data-v-439db37a { background-color: #c4c7cd; } .container .slide-box .slide-list .group-btn .removeM.data-v-439db37a { background-color: #ff3b32; } .leftChild view.data-v-439db37a { width: 18%; } .leftChild .time.data-v-439db37a { width: 32% !important; } .iconfont.data-v-439db37a { width: 16px; height: 16px; }