| | |
| | | /** |
| | | * 这里是uni-app内置的常用样式变量 |
| | | * |
| | | * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 |
| | | * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App |
| | | * |
| | | */ |
| | | /** |
| | | * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 |
| | | * |
| | | * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 |
| | | */ |
| | | /* 页面左右间距 */ |
| | | /* 颜色变量 */ |
| | | /*文字颜色*/ |
| | | /* 行为相关颜色 */ |
| | | /* 文字基本颜色 */ |
| | | /* 背景颜色 */ |
| | | /* 边框颜色 */ |
| | | /* 尺寸变量 */ |
| | | /* 文字尺寸 */ |
| | | /* 图片尺寸 */ |
| | | /* Border Radius */ |
| | | /* 水平间距 */ |
| | | /* 文字尺寸 */ |
| | | /* 垂直间距 */ |
| | | /* 透明度 */ |
| | | /* 文章场景相关 */ |
| | | @font-face { |
| | | font-family: uniicons; |
| | | font-weight: normal; |
| | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | /*通用 */ |
| | | |
| | | /* view{ |
| | | font-size:28rpx; |
| | | line-height:1.8; |
| | |
| | | margin-right: 0rpx; |
| | | margin-left: 20rpx; |
| | | } |
| | | |
| | | /* page */ |
| | | .common-page-head{ |
| | | padding:35rpx; |
| | |
| | | .uni-common-mt{ |
| | | margin-top:30rpx; |
| | | } |
| | | |
| | | /* 背景色 */ |
| | | .uni-bg-red{ |
| | | background:#F76260; color:#FFF; |
| | |
| | | .uni-bg-blue{ |
| | | background:#007AFF; color:#FFF; |
| | | } |
| | | |
| | | /* 标题 */ |
| | | .uni-h1 {font-size: 80rpx; font-weight:700;} |
| | | .uni-h2 {font-size: 60rpx; font-weight:700;} |
| | |
| | | .uni-h5 {font-size: 28rpx; color: #8f8f94;} |
| | | .uni-h6 {font-size: 24rpx; color: #8f8f94;} |
| | | .uni-bold{font-weight:bold;} |
| | | |
| | | /* 文本溢出隐藏 */ |
| | | .uni-ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} |
| | | |
| | | /* 竖向百分百按钮 */ |
| | | .uni-btn-v{ |
| | | padding:10rpx 0; |
| | | } |
| | | .uni-btn-v button{margin:20rpx 0;} |
| | | |
| | | /* 表单 */ |
| | | .uni-form-item{ |
| | | display:flex; |
| | |
| | | line-height:80rpx; |
| | | flex-shrink:0; |
| | | } |
| | | |
| | | /* loadmore */ |
| | | .uni-loadmore{ |
| | | height:80rpx; |
| | |
| | | text-align:center; |
| | | padding-bottom:30rpx; |
| | | } |
| | | |
| | | /*数字角标*/ |
| | | |
| | | /* .uni-badge, |
| | | .uni-badge-default { |
| | | font-family: 'Helvetica Neue', Helvetica, sans-serif; |
| | |
| | | color: #8a6de9; |
| | | background-color: transparent |
| | | } |
| | | |
| | | /*折叠面板 */ |
| | | .uni-collapse-content { |
| | | height: 0; |
| | |
| | | .uni-collapse-content.uni-active { |
| | | height: auto; |
| | | } |
| | | |
| | | /*卡片视图 */ |
| | | .uni-card { |
| | | background: #fff; |
| | |
| | | .uni-card-link { |
| | | color: #007AFF; |
| | | } |
| | | |
| | | /* 列表 */ |
| | | .uni-list { |
| | | background-color: #FFFFFF; |
| | |
| | | transform: scaleY(.5); |
| | | background-color: #c8c7cc; |
| | | } |
| | | |
| | | /* .uni-list::before { |
| | | position: absolute; |
| | | z-index: 10; |
| | |
| | | .uni-list.uni-active { |
| | | height: auto; |
| | | } |
| | | |
| | | /* 三行列表 */ |
| | | .uni-triplex-row { |
| | | display: flex; |
| | |
| | | width: 16%; |
| | | text-align: right; |
| | | } |
| | | |
| | | /* 图文列表 */ |
| | | .uni-media-list { |
| | | padding: 22rpx 30rpx; |
| | |
| | | font-size: 26rpx; |
| | | color: #8f8f94; |
| | | } |
| | | |
| | | /* 九宫格 */ |
| | | .uni-grid-9 { |
| | | background: #f2f2f2; |
| | |
| | | .uni-grid-9-item-hover { |
| | | background: rgba(0, 0, 0, 0.1); |
| | | } |
| | | |
| | | /* 上传 */ |
| | | .uni-uploader { |
| | | flex: 1; |
| | |
| | | height: 100%; |
| | | opacity: 0; |
| | | } |
| | | |
| | | /*问题反馈*/ |
| | | .feedback-title { |
| | | display: flex; |
| | |
| | | color: #FFFFFF; |
| | | margin: 20rpx; |
| | | } |
| | | |
| | | /* input group */ |
| | | .uni-input-group { |
| | | position: relative; |
| | |
| | | .uni-input-row label { |
| | | line-height: 70rpx; |
| | | } |
| | | |
| | | /* textarea */ |
| | | .uni-textarea{ |
| | | width:100%; |
| | |
| | | font-size:28rpx; |
| | | height:150rpx; |
| | | } |
| | | |
| | | /* tab bar */ |
| | | .uni-tab-bar { |
| | | display: flex; |
| | |
| | | .uni-tab-bar-loading{ |
| | | padding:20rpx 0; |
| | | } |
| | | |
| | | /* comment */ |
| | | .uni-comment{padding:5rpx 0; display: flex; flex-grow:1; flex-direction: column;} |
| | | .uni-comment-list{flex-wrap:nowrap; padding:10rpx 0; margin:10rpx 0; width:100%; display: flex;} |
| | |
| | | .uni-comment-date view{color:#666666; font-size:24rpx; line-height:38rpx;} |
| | | .uni-comment-content{line-height:1.6em; font-size:28rpx; padding:8rpx 0;} |
| | | .uni-comment-replay-btn{background:#FFF; font-size:24rpx; line-height:28rpx; padding:5rpx 20rpx; border-radius:30rpx; color:#333 !important; margin:0 10rpx;} |
| | | |
| | | /* swiper msg */ |
| | | .uni-swiper-msg{width:100%; padding:12rpx 0; flex-wrap:nowrap; display:flex;} |
| | | .uni-swiper-msg-icon{width:50rpx; margin-right:20rpx;} |
| | | .uni-swiper-msg-icon image{width:100%; flex-shrink:0;} |
| | | .uni-swiper-msg swiper{width:100%; height:50rpx;} |
| | | .uni-swiper-msg swiper-item{line-height:50rpx;} |
| | | |
| | | /* product */ |
| | | .uni-product-list { |
| | | display: flex; |
| | |
| | | padding: 0 10rpx; |
| | | border-radius: 5rpx; |
| | | } |
| | | |
| | | /* timeline */ |
| | | .uni-timeline { |
| | | margin: 35rpx 0; |
| | |
| | | .uni-timeline-item-content .datetime{ |
| | | color: #CCCCCC; |
| | | } |
| | | |
| | | /* 自定义节点颜色 */ |
| | | .uni-timeline-last-item .uni-timeline-item-divider{ |
| | | background-color: #1AAD19; |
| | | } |
| | | |
| | | /* uni-icon */ |
| | | .uni-icon { |
| | | font-family: uniicons; |
| | |
| | | .uni-icon-scan:before { |
| | | content: "\e612"; |
| | | } |
| | | |
| | | /* 分界线 */ |
| | | .uni-divider{ |
| | | height: 110rpx; |
| | |
| | | .left-win-active text{ |
| | | color: #007AFF !important; |
| | | } |
| | | |
| | | page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;} |
| | | @font-face { |
| | | font-family: yticon; |
| | | font-weight: normal; |
| | | font-style: normal; |
| | | src: url("https://at.alicdn.com/t/font_1078604_w4kpxh0rafi.ttf") format("truetype"); |
| | | } |
| | | .yticon { |
| | | font-family: "yticon" !important; |
| | | font-size: 16px; |
| | | font-style: normal; |
| | | -webkit-font-smoothing: antialiased; |
| | | -moz-osx-font-smoothing: grayscale; |
| | | } |
| | | .icon-shouye:before { |
| | | content: "\e626"; |
| | | } |
| | | .icon-daifukuan:before { |
| | | content: "\e68f"; |
| | | } |
| | | .icon-pinglun-copy:before { |
| | | content: "\e612"; |
| | | } |
| | | .icon-dianhua-copy:before { |
| | | content: "\e621"; |
| | | } |
| | | .icon-shoucang:before { |
| | | content: "\e645"; |
| | | } |
| | | .icon-xuanzhong2:before { |
| | | content: "\e62f"; |
| | | } |
| | | .icon-gouwuche_:before { |
| | | content: "\e630"; |
| | | } |
| | | .icon-icon-test:before { |
| | | content: "\e60c"; |
| | | } |
| | | .icon-icon-test1:before { |
| | | content: "\e632"; |
| | | } |
| | | .icon-bianji:before { |
| | | content: "\e646"; |
| | | } |
| | | .icon-jiazailoading-A:before { |
| | | content: "\e8fc"; |
| | | } |
| | | .icon-zuoshang:before { |
| | | content: "\e613"; |
| | | } |
| | | .icon-jia2:before { |
| | | content: "\e60a"; |
| | | } |
| | | .icon-huifu:before { |
| | | content: "\e68b"; |
| | | } |
| | | .icon-sousuo:before { |
| | | content: "\e7ce"; |
| | | } |
| | | .icon-arrow-fine-up:before { |
| | | content: "\e601"; |
| | | } |
| | | .icon-hot:before { |
| | | content: "\e60e"; |
| | | } |
| | | .icon-lishijilu:before { |
| | | content: "\e6b9"; |
| | | } |
| | | .icon-zhengxinchaxun-zhifubaoceping-:before { |
| | | content: "\e616"; |
| | | } |
| | | .icon-naozhong:before { |
| | | content: "\e64a"; |
| | | } |
| | | .icon-xiatubiao--copy:before { |
| | | content: "\e608"; |
| | | } |
| | | .icon-shoucang_xuanzhongzhuangtai:before { |
| | | content: "\e6a9"; |
| | | } |
| | | .icon-jia1:before { |
| | | content: "\e61c"; |
| | | } |
| | | .icon-bangzhu1:before { |
| | | content: "\e63d"; |
| | | } |
| | | .icon-arrow-left-bottom:before { |
| | | content: "\e602"; |
| | | } |
| | | .icon-arrow-right-bottom:before { |
| | | content: "\e603"; |
| | | } |
| | | .icon-arrow-left-top:before { |
| | | content: "\e604"; |
| | | } |
| | | .icon-icon--:before { |
| | | content: "\e744"; |
| | | } |
| | | .icon-zuojiantou-up:before { |
| | | content: "\e605"; |
| | | } |
| | | .icon-xia:before { |
| | | content: "\e62d"; |
| | | } |
| | | .icon--jianhao:before { |
| | | content: "\e60b"; |
| | | } |
| | | .icon-weixinzhifu:before { |
| | | content: "\e61a"; |
| | | } |
| | | .icon-comment:before { |
| | | content: "\e64f"; |
| | | } |
| | | .icon-weixin:before { |
| | | content: "\e61f"; |
| | | } |
| | | .icon-fenlei1:before { |
| | | content: "\e620"; |
| | | } |
| | | .icon-erjiye-yucunkuan:before { |
| | | content: "\e623"; |
| | | } |
| | | .icon-Group-:before { |
| | | content: "\e688"; |
| | | } |
| | | .icon-you:before { |
| | | content: "\e606"; |
| | | } |
| | | .icon-forward:before { |
| | | content: "\e607"; |
| | | } |
| | | .icon-tuijian:before { |
| | | content: "\e610"; |
| | | } |
| | | .icon-bangzhu:before { |
| | | content: "\e679"; |
| | | } |
| | | .icon-share:before { |
| | | content: "\e656"; |
| | | } |
| | | .icon-yiguoqi:before { |
| | | content: "\e997"; |
| | | } |
| | | .icon-shezhi1:before { |
| | | content: "\e61d"; |
| | | } |
| | | .icon-fork:before { |
| | | content: "\e61b"; |
| | | } |
| | | .icon-kafei:before { |
| | | content: "\e66a"; |
| | | } |
| | | .icon-iLinkapp-:before { |
| | | content: "\e654"; |
| | | } |
| | | .icon-saomiao:before { |
| | | content: "\e60d"; |
| | | } |
| | | .icon-shezhi:before { |
| | | content: "\e60f"; |
| | | } |
| | | .icon-shouhoutuikuan:before { |
| | | content: "\e631"; |
| | | } |
| | | .icon-gouwuche:before { |
| | | content: "\e609"; |
| | | } |
| | | .icon-dizhi:before { |
| | | content: "\e614"; |
| | | } |
| | | .icon-fenlei:before { |
| | | content: "\e706"; |
| | | } |
| | | .icon-xingxing:before { |
| | | content: "\e70b"; |
| | | } |
| | | .icon-tuandui:before { |
| | | content: "\e633"; |
| | | } |
| | | .icon-zuanshi:before { |
| | | content: "\e615"; |
| | | } |
| | | .icon-zuo:before { |
| | | content: "\e63c"; |
| | | } |
| | | .icon-shoucang2:before { |
| | | content: "\e62e"; |
| | | } |
| | | .icon-shouhuodizhi:before { |
| | | content: "\e712"; |
| | | } |
| | | .icon-yishouhuo:before { |
| | | content: "\e71a"; |
| | | } |
| | | .icon-dianzan-ash:before { |
| | | content: "\e617"; |
| | | } |
| | | .icon-iconfontweixin:before { |
| | | content: "\e611"; |
| | | }page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;} |