1374 lines
65 KiB
CSS
1374 lines
65 KiB
CSS
|
/**
|
|||
|
* 这里是uni-app内置的常用样式变量
|
|||
|
*
|
|||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
* 如果您是插件开发者,建议您使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
*
|
|||
|
*/
|
|||
|
/**
|
|||
|
* 如果您是App开发者(插件使用者),您可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
*
|
|||
|
* 如果您的项目同样使用了scss预处理,您也可以直接在您的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
*/
|
|||
|
/* 颜色变量 */
|
|||
|
/* 行为相关颜色 */
|
|||
|
/* 文字基本颜色 */
|
|||
|
/* 背景颜色 */
|
|||
|
/* 边框颜色 */
|
|||
|
/* 尺寸变量 */
|
|||
|
/* 文字尺寸 */
|
|||
|
/* 图片尺寸 */
|
|||
|
/* Border Radius */
|
|||
|
/* 水平间距 */
|
|||
|
/* 垂直间距 */
|
|||
|
/* 透明度 */
|
|||
|
/* 文章场景相关 */
|
|||
|
.u-mask[data-v-b3b508a8] {
|
|||
|
position: fixed;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
bottom: 0;
|
|||
|
opacity: 0;
|
|||
|
transition: transform 0.3s;
|
|||
|
}
|
|||
|
.u-mask-show[data-v-b3b508a8] {
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.u-mask-zoom[data-v-b3b508a8] {
|
|||
|
transform: scale(1.2, 1.2);
|
|||
|
}
|
|||
|
/**
|
|||
|
* 这里是uni-app内置的常用样式变量
|
|||
|
*
|
|||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
* 如果您是插件开发者,建议您使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
*
|
|||
|
*/
|
|||
|
/**
|
|||
|
* 如果您是App开发者(插件使用者),您可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
*
|
|||
|
* 如果您的项目同样使用了scss预处理,您也可以直接在您的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
*/
|
|||
|
/* 颜色变量 */
|
|||
|
/* 行为相关颜色 */
|
|||
|
/* 文字基本颜色 */
|
|||
|
/* 背景颜色 */
|
|||
|
/* 边框颜色 */
|
|||
|
/* 尺寸变量 */
|
|||
|
/* 文字尺寸 */
|
|||
|
/* 图片尺寸 */
|
|||
|
/* Border Radius */
|
|||
|
/* 水平间距 */
|
|||
|
/* 垂直间距 */
|
|||
|
/* 透明度 */
|
|||
|
/* 文章场景相关 */
|
|||
|
@font-face {
|
|||
|
font-family: "uicon-iconfont";
|
|||
|
font-weight: normal;
|
|||
|
font-style: normal;
|
|||
|
font-display: auto;
|
|||
|
src: url('data:application/x-font-woff2;charset=utf-8;base64,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
|
|||
|
}
|
|||
|
|
|||
|
/* 支付宝,百度,头条小程序目前读取大的本地字体文件,导致无法显示图标,故用在线加载的方式-2020-05-12 */
|
|||
|
.u-iconfont[data-v-5de67484] {
|
|||
|
position: relative;
|
|||
|
display: flex;
|
|||
|
font: normal normal normal 14px/1 "uicon-iconfont";
|
|||
|
font-size: inherit;
|
|||
|
text-rendering: auto;
|
|||
|
-webkit-font-smoothing: antialiased;
|
|||
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
}
|
|||
|
.u-iconfont[data-v-5de67484]::before {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.uicon-en[data-v-5de67484]:before {
|
|||
|
content: "\e70a";
|
|||
|
}
|
|||
|
.uicon-zh[data-v-5de67484]:before {
|
|||
|
content: "\e692";
|
|||
|
}
|
|||
|
.uicon-level[data-v-5de67484]:before {
|
|||
|
content: "\e693";
|
|||
|
}
|
|||
|
.uicon-woman[data-v-5de67484]:before {
|
|||
|
content: "\e69c";
|
|||
|
}
|
|||
|
.uicon-man[data-v-5de67484]:before {
|
|||
|
content: "\e697";
|
|||
|
}
|
|||
|
.uicon-column-line[data-v-5de67484]:before {
|
|||
|
content: "\e68e";
|
|||
|
}
|
|||
|
.uicon-empty-page[data-v-5de67484]:before {
|
|||
|
content: "\e627";
|
|||
|
}
|
|||
|
.uicon-empty-data[data-v-5de67484]:before {
|
|||
|
content: "\e62f";
|
|||
|
}
|
|||
|
.uicon-empty-car[data-v-5de67484]:before {
|
|||
|
content: "\e602";
|
|||
|
}
|
|||
|
.uicon-empty-order[data-v-5de67484]:before {
|
|||
|
content: "\e639";
|
|||
|
}
|
|||
|
.uicon-empty-address[data-v-5de67484]:before {
|
|||
|
content: "\e646";
|
|||
|
}
|
|||
|
.uicon-empty-message[data-v-5de67484]:before {
|
|||
|
content: "\e6a9";
|
|||
|
}
|
|||
|
.uicon-empty-search[data-v-5de67484]:before {
|
|||
|
content: "\e664";
|
|||
|
}
|
|||
|
.uicon-empty-favor[data-v-5de67484]:before {
|
|||
|
content: "\e67c";
|
|||
|
}
|
|||
|
.uicon-empty-coupon[data-v-5de67484]:before {
|
|||
|
content: "\e682";
|
|||
|
}
|
|||
|
.uicon-empty-history[data-v-5de67484]:before {
|
|||
|
content: "\e684";
|
|||
|
}
|
|||
|
.uicon-empty-permission[data-v-5de67484]:before {
|
|||
|
content: "\e686";
|
|||
|
}
|
|||
|
.uicon-empty-news[data-v-5de67484]:before {
|
|||
|
content: "\e687";
|
|||
|
}
|
|||
|
.uicon-empty-wifi[data-v-5de67484]:before {
|
|||
|
content: "\e688";
|
|||
|
}
|
|||
|
.uicon-empty-list[data-v-5de67484]:before {
|
|||
|
content: "\e68b";
|
|||
|
}
|
|||
|
.uicon-arrow-left-double[data-v-5de67484]:before {
|
|||
|
content: "\e68c";
|
|||
|
}
|
|||
|
.uicon-arrow-right-double[data-v-5de67484]:before {
|
|||
|
content: "\e68d";
|
|||
|
}
|
|||
|
.uicon-red-packet[data-v-5de67484]:before {
|
|||
|
content: "\e691";
|
|||
|
}
|
|||
|
.uicon-red-packet-fill[data-v-5de67484]:before {
|
|||
|
content: "\e690";
|
|||
|
}
|
|||
|
.uicon-order[data-v-5de67484]:before {
|
|||
|
content: "\e68f";
|
|||
|
}
|
|||
|
.uicon-nav-back-arrow[data-v-5de67484]:before {
|
|||
|
content: "\e67f";
|
|||
|
}
|
|||
|
.uicon-nav-back[data-v-5de67484]:before {
|
|||
|
content: "\e683";
|
|||
|
}
|
|||
|
.uicon-checkbox-mark[data-v-5de67484]:before {
|
|||
|
content: "\e6a8";
|
|||
|
}
|
|||
|
.uicon-arrow-up-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6b0";
|
|||
|
}
|
|||
|
.uicon-arrow-down-fill[data-v-5de67484]:before {
|
|||
|
content: "\e600";
|
|||
|
}
|
|||
|
.uicon-backspace[data-v-5de67484]:before {
|
|||
|
content: "\e67b";
|
|||
|
}
|
|||
|
.uicon-android-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e67e";
|
|||
|
}
|
|||
|
.uicon-android-fill[data-v-5de67484]:before {
|
|||
|
content: "\e67d";
|
|||
|
}
|
|||
|
.uicon-question[data-v-5de67484]:before {
|
|||
|
content: "\e715";
|
|||
|
}
|
|||
|
.uicon-pause[data-v-5de67484]:before {
|
|||
|
content: "\e8fa";
|
|||
|
}
|
|||
|
.uicon-close[data-v-5de67484]:before {
|
|||
|
content: "\e685";
|
|||
|
}
|
|||
|
.uicon-volume-up[data-v-5de67484]:before {
|
|||
|
content: "\e633";
|
|||
|
}
|
|||
|
.uicon-volume-off[data-v-5de67484]:before {
|
|||
|
content: "\e644";
|
|||
|
}
|
|||
|
.uicon-info[data-v-5de67484]:before {
|
|||
|
content: "\e653";
|
|||
|
}
|
|||
|
.uicon-error[data-v-5de67484]:before {
|
|||
|
content: "\e6d3";
|
|||
|
}
|
|||
|
.uicon-lock-opened-fill[data-v-5de67484]:before {
|
|||
|
content: "\e974";
|
|||
|
}
|
|||
|
.uicon-lock-fill[data-v-5de67484]:before {
|
|||
|
content: "\e979";
|
|||
|
}
|
|||
|
.uicon-lock[data-v-5de67484]:before {
|
|||
|
content: "\e97a";
|
|||
|
}
|
|||
|
.uicon-photo-fill[data-v-5de67484]:before {
|
|||
|
content: "\e98b";
|
|||
|
}
|
|||
|
.uicon-photo[data-v-5de67484]:before {
|
|||
|
content: "\e98d";
|
|||
|
}
|
|||
|
.uicon-account-fill[data-v-5de67484]:before {
|
|||
|
content: "\e614";
|
|||
|
}
|
|||
|
.uicon-minus-people-fill[data-v-5de67484]:before {
|
|||
|
content: "\e615";
|
|||
|
}
|
|||
|
.uicon-plus-people-fill[data-v-5de67484]:before {
|
|||
|
content: "\e626";
|
|||
|
}
|
|||
|
.uicon-account[data-v-5de67484]:before {
|
|||
|
content: "\e628";
|
|||
|
}
|
|||
|
.uicon-thumb-down-fill[data-v-5de67484]:before {
|
|||
|
content: "\e726";
|
|||
|
}
|
|||
|
.uicon-thumb-down[data-v-5de67484]:before {
|
|||
|
content: "\e727";
|
|||
|
}
|
|||
|
.uicon-thumb-up-fill[data-v-5de67484]:before {
|
|||
|
content: "\e72f";
|
|||
|
}
|
|||
|
.uicon-thumb-up[data-v-5de67484]:before {
|
|||
|
content: "\e733";
|
|||
|
}
|
|||
|
.uicon-person-delete-fill[data-v-5de67484]:before {
|
|||
|
content: "\e66a";
|
|||
|
}
|
|||
|
.uicon-cut[data-v-5de67484]:before {
|
|||
|
content: "\e948";
|
|||
|
}
|
|||
|
.uicon-fingerprint[data-v-5de67484]:before {
|
|||
|
content: "\e955";
|
|||
|
}
|
|||
|
.uicon-home-fill[data-v-5de67484]:before {
|
|||
|
content: "\e964";
|
|||
|
}
|
|||
|
.uicon-home[data-v-5de67484]:before {
|
|||
|
content: "\e965";
|
|||
|
}
|
|||
|
.uicon-hourglass-half-fill[data-v-5de67484]:before {
|
|||
|
content: "\e966";
|
|||
|
}
|
|||
|
.uicon-hourglass[data-v-5de67484]:before {
|
|||
|
content: "\e967";
|
|||
|
}
|
|||
|
.uicon-lock-open[data-v-5de67484]:before {
|
|||
|
content: "\e973";
|
|||
|
}
|
|||
|
.uicon-integral-fill[data-v-5de67484]:before {
|
|||
|
content: "\e703";
|
|||
|
}
|
|||
|
.uicon-integral[data-v-5de67484]:before {
|
|||
|
content: "\e704";
|
|||
|
}
|
|||
|
.uicon-coupon[data-v-5de67484]:before {
|
|||
|
content: "\e8ae";
|
|||
|
}
|
|||
|
.uicon-coupon-fill[data-v-5de67484]:before {
|
|||
|
content: "\e8c4";
|
|||
|
}
|
|||
|
.uicon-kefu-ermai[data-v-5de67484]:before {
|
|||
|
content: "\e656";
|
|||
|
}
|
|||
|
.uicon-scan[data-v-5de67484]:before {
|
|||
|
content: "\e662";
|
|||
|
}
|
|||
|
.uicon-rmb[data-v-5de67484]:before {
|
|||
|
content: "\e608";
|
|||
|
}
|
|||
|
.uicon-rmb-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e657";
|
|||
|
}
|
|||
|
.uicon-rmb-circle[data-v-5de67484]:before {
|
|||
|
content: "\e677";
|
|||
|
}
|
|||
|
.uicon-gift[data-v-5de67484]:before {
|
|||
|
content: "\e65b";
|
|||
|
}
|
|||
|
.uicon-gift-fill[data-v-5de67484]:before {
|
|||
|
content: "\e65c";
|
|||
|
}
|
|||
|
.uicon-bookmark-fill[data-v-5de67484]:before {
|
|||
|
content: "\e63b";
|
|||
|
}
|
|||
|
.uicon-zhuanfa[data-v-5de67484]:before {
|
|||
|
content: "\e60b";
|
|||
|
}
|
|||
|
.uicon-eye-off-outline[data-v-5de67484]:before {
|
|||
|
content: "\e62b";
|
|||
|
}
|
|||
|
.uicon-eye-off[data-v-5de67484]:before {
|
|||
|
content: "\e648";
|
|||
|
}
|
|||
|
.uicon-pause-circle[data-v-5de67484]:before {
|
|||
|
content: "\e643";
|
|||
|
}
|
|||
|
.uicon-play-circle[data-v-5de67484]:before {
|
|||
|
content: "\e647";
|
|||
|
}
|
|||
|
.uicon-pause-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e654";
|
|||
|
}
|
|||
|
.uicon-play-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e655";
|
|||
|
}
|
|||
|
.uicon-grid[data-v-5de67484]:before {
|
|||
|
content: "\e673";
|
|||
|
}
|
|||
|
.uicon-play-right[data-v-5de67484]:before {
|
|||
|
content: "\e610";
|
|||
|
}
|
|||
|
.uicon-play-left[data-v-5de67484]:before {
|
|||
|
content: "\e66d";
|
|||
|
}
|
|||
|
.uicon-calendar[data-v-5de67484]:before {
|
|||
|
content: "\e66e";
|
|||
|
}
|
|||
|
.uicon-rewind-right[data-v-5de67484]:before {
|
|||
|
content: "\e66f";
|
|||
|
}
|
|||
|
.uicon-rewind-left[data-v-5de67484]:before {
|
|||
|
content: "\e671";
|
|||
|
}
|
|||
|
.uicon-skip-forward-right[data-v-5de67484]:before {
|
|||
|
content: "\e672";
|
|||
|
}
|
|||
|
.uicon-skip-back-left[data-v-5de67484]:before {
|
|||
|
content: "\e674";
|
|||
|
}
|
|||
|
.uicon-play-left-fill[data-v-5de67484]:before {
|
|||
|
content: "\e675";
|
|||
|
}
|
|||
|
.uicon-play-right-fill[data-v-5de67484]:before {
|
|||
|
content: "\e676";
|
|||
|
}
|
|||
|
.uicon-grid-fill[data-v-5de67484]:before {
|
|||
|
content: "\e678";
|
|||
|
}
|
|||
|
.uicon-rewind-left-fill[data-v-5de67484]:before {
|
|||
|
content: "\e679";
|
|||
|
}
|
|||
|
.uicon-rewind-right-fill[data-v-5de67484]:before {
|
|||
|
content: "\e67a";
|
|||
|
}
|
|||
|
.uicon-pushpin[data-v-5de67484]:before {
|
|||
|
content: "\e7e3";
|
|||
|
}
|
|||
|
.uicon-star[data-v-5de67484]:before {
|
|||
|
content: "\e65f";
|
|||
|
}
|
|||
|
.uicon-star-fill[data-v-5de67484]:before {
|
|||
|
content: "\e669";
|
|||
|
}
|
|||
|
.uicon-server-fill[data-v-5de67484]:before {
|
|||
|
content: "\e751";
|
|||
|
}
|
|||
|
.uicon-server-man[data-v-5de67484]:before {
|
|||
|
content: "\e6bc";
|
|||
|
}
|
|||
|
.uicon-edit-pen[data-v-5de67484]:before {
|
|||
|
content: "\e612";
|
|||
|
}
|
|||
|
.uicon-edit-pen-fill[data-v-5de67484]:before {
|
|||
|
content: "\e66b";
|
|||
|
}
|
|||
|
.uicon-wifi[data-v-5de67484]:before {
|
|||
|
content: "\e667";
|
|||
|
}
|
|||
|
.uicon-wifi-off[data-v-5de67484]:before {
|
|||
|
content: "\e668";
|
|||
|
}
|
|||
|
.uicon-file-text[data-v-5de67484]:before {
|
|||
|
content: "\e663";
|
|||
|
}
|
|||
|
.uicon-file-text-fill[data-v-5de67484]:before {
|
|||
|
content: "\e665";
|
|||
|
}
|
|||
|
.uicon-more-dot-fill[data-v-5de67484]:before {
|
|||
|
content: "\e630";
|
|||
|
}
|
|||
|
.uicon-minus[data-v-5de67484]:before {
|
|||
|
content: "\e618";
|
|||
|
}
|
|||
|
.uicon-minus-circle[data-v-5de67484]:before {
|
|||
|
content: "\e61b";
|
|||
|
}
|
|||
|
.uicon-plus[data-v-5de67484]:before {
|
|||
|
content: "\e62d";
|
|||
|
}
|
|||
|
.uicon-plus-circle[data-v-5de67484]:before {
|
|||
|
content: "\e62e";
|
|||
|
}
|
|||
|
.uicon-minus-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e652";
|
|||
|
}
|
|||
|
.uicon-plus-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e661";
|
|||
|
}
|
|||
|
.uicon-email[data-v-5de67484]:before {
|
|||
|
content: "\e611";
|
|||
|
}
|
|||
|
.uicon-email-fill[data-v-5de67484]:before {
|
|||
|
content: "\e642";
|
|||
|
}
|
|||
|
.uicon-phone[data-v-5de67484]:before {
|
|||
|
content: "\e622";
|
|||
|
}
|
|||
|
.uicon-phone-fill[data-v-5de67484]:before {
|
|||
|
content: "\e64f";
|
|||
|
}
|
|||
|
.uicon-clock[data-v-5de67484]:before {
|
|||
|
content: "\e60f";
|
|||
|
}
|
|||
|
.uicon-car[data-v-5de67484]:before {
|
|||
|
content: "\e60c";
|
|||
|
}
|
|||
|
.uicon-car-fill[data-v-5de67484]:before {
|
|||
|
content: "\e636";
|
|||
|
}
|
|||
|
.uicon-warning[data-v-5de67484]:before {
|
|||
|
content: "\e694";
|
|||
|
}
|
|||
|
.uicon-warning-fill[data-v-5de67484]:before {
|
|||
|
content: "\e64d";
|
|||
|
}
|
|||
|
.uicon-search[data-v-5de67484]:before {
|
|||
|
content: "\e62a";
|
|||
|
}
|
|||
|
.uicon-baidu-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e680";
|
|||
|
}
|
|||
|
.uicon-baidu[data-v-5de67484]:before {
|
|||
|
content: "\e681";
|
|||
|
}
|
|||
|
.uicon-facebook[data-v-5de67484]:before {
|
|||
|
content: "\e689";
|
|||
|
}
|
|||
|
.uicon-facebook-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e68a";
|
|||
|
}
|
|||
|
.uicon-qzone[data-v-5de67484]:before {
|
|||
|
content: "\e695";
|
|||
|
}
|
|||
|
.uicon-qzone-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e696";
|
|||
|
}
|
|||
|
.uicon-moments-circel-fill[data-v-5de67484]:before {
|
|||
|
content: "\e69a";
|
|||
|
}
|
|||
|
.uicon-moments[data-v-5de67484]:before {
|
|||
|
content: "\e69b";
|
|||
|
}
|
|||
|
.uicon-qq-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6a0";
|
|||
|
}
|
|||
|
.uicon-qq-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6a1";
|
|||
|
}
|
|||
|
.uicon-weibo[data-v-5de67484]:before {
|
|||
|
content: "\e6a4";
|
|||
|
}
|
|||
|
.uicon-weibo-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6a5";
|
|||
|
}
|
|||
|
.uicon-taobao[data-v-5de67484]:before {
|
|||
|
content: "\e6a6";
|
|||
|
}
|
|||
|
.uicon-taobao-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6a7";
|
|||
|
}
|
|||
|
.uicon-twitter[data-v-5de67484]:before {
|
|||
|
content: "\e6aa";
|
|||
|
}
|
|||
|
.uicon-twitter-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6ab";
|
|||
|
}
|
|||
|
.uicon-weixin-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6b1";
|
|||
|
}
|
|||
|
.uicon-weixin-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6b2";
|
|||
|
}
|
|||
|
.uicon-zhifubao-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6b8";
|
|||
|
}
|
|||
|
.uicon-zhifubao[data-v-5de67484]:before {
|
|||
|
content: "\e6b9";
|
|||
|
}
|
|||
|
.uicon-zhihu[data-v-5de67484]:before {
|
|||
|
content: "\e6ba";
|
|||
|
}
|
|||
|
.uicon-zhihu-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e709";
|
|||
|
}
|
|||
|
.uicon-list[data-v-5de67484]:before {
|
|||
|
content: "\e650";
|
|||
|
}
|
|||
|
.uicon-list-dot[data-v-5de67484]:before {
|
|||
|
content: "\e616";
|
|||
|
}
|
|||
|
.uicon-setting[data-v-5de67484]:before {
|
|||
|
content: "\e61f";
|
|||
|
}
|
|||
|
.uicon-bell[data-v-5de67484]:before {
|
|||
|
content: "\e609";
|
|||
|
}
|
|||
|
.uicon-bell-fill[data-v-5de67484]:before {
|
|||
|
content: "\e640";
|
|||
|
}
|
|||
|
.uicon-attach[data-v-5de67484]:before {
|
|||
|
content: "\e632";
|
|||
|
}
|
|||
|
.uicon-shopping-cart[data-v-5de67484]:before {
|
|||
|
content: "\e621";
|
|||
|
}
|
|||
|
.uicon-shopping-cart-fill[data-v-5de67484]:before {
|
|||
|
content: "\e65d";
|
|||
|
}
|
|||
|
.uicon-tags[data-v-5de67484]:before {
|
|||
|
content: "\e629";
|
|||
|
}
|
|||
|
.uicon-share[data-v-5de67484]:before {
|
|||
|
content: "\e631";
|
|||
|
}
|
|||
|
.uicon-question-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e666";
|
|||
|
}
|
|||
|
.uicon-question-circle[data-v-5de67484]:before {
|
|||
|
content: "\e625";
|
|||
|
}
|
|||
|
.uicon-error-circle[data-v-5de67484]:before {
|
|||
|
content: "\e624";
|
|||
|
}
|
|||
|
.uicon-checkmark-circle[data-v-5de67484]:before {
|
|||
|
content: "\e63d";
|
|||
|
}
|
|||
|
.uicon-close-circle[data-v-5de67484]:before {
|
|||
|
content: "\e63f";
|
|||
|
}
|
|||
|
.uicon-info-circle[data-v-5de67484]:before {
|
|||
|
content: "\e660";
|
|||
|
}
|
|||
|
.uicon-md-person-add[data-v-5de67484]:before {
|
|||
|
content: "\e6e4";
|
|||
|
}
|
|||
|
.uicon-md-person-fill[data-v-5de67484]:before {
|
|||
|
content: "\e6ea";
|
|||
|
}
|
|||
|
.uicon-bag-fill[data-v-5de67484]:before {
|
|||
|
content: "\e617";
|
|||
|
}
|
|||
|
.uicon-bag[data-v-5de67484]:before {
|
|||
|
content: "\e619";
|
|||
|
}
|
|||
|
.uicon-chat-fill[data-v-5de67484]:before {
|
|||
|
content: "\e61e";
|
|||
|
}
|
|||
|
.uicon-chat[data-v-5de67484]:before {
|
|||
|
content: "\e620";
|
|||
|
}
|
|||
|
.uicon-more-circle[data-v-5de67484]:before {
|
|||
|
content: "\e63e";
|
|||
|
}
|
|||
|
.uicon-more-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e645";
|
|||
|
}
|
|||
|
.uicon-volume[data-v-5de67484]:before {
|
|||
|
content: "\e66c";
|
|||
|
}
|
|||
|
.uicon-volume-fill[data-v-5de67484]:before {
|
|||
|
content: "\e670";
|
|||
|
}
|
|||
|
.uicon-reload[data-v-5de67484]:before {
|
|||
|
content: "\e788";
|
|||
|
}
|
|||
|
.uicon-camera[data-v-5de67484]:before {
|
|||
|
content: "\e7d7";
|
|||
|
}
|
|||
|
.uicon-heart[data-v-5de67484]:before {
|
|||
|
content: "\e7df";
|
|||
|
}
|
|||
|
.uicon-heart-fill[data-v-5de67484]:before {
|
|||
|
content: "\e851";
|
|||
|
}
|
|||
|
.uicon-minus-square-fill[data-v-5de67484]:before {
|
|||
|
content: "\e855";
|
|||
|
}
|
|||
|
.uicon-plus-square-fill[data-v-5de67484]:before {
|
|||
|
content: "\e856";
|
|||
|
}
|
|||
|
.uicon-pushpin-fill[data-v-5de67484]:before {
|
|||
|
content: "\e86e";
|
|||
|
}
|
|||
|
.uicon-camera-fill[data-v-5de67484]:before {
|
|||
|
content: "\e870";
|
|||
|
}
|
|||
|
.uicon-setting-fill[data-v-5de67484]:before {
|
|||
|
content: "\e872";
|
|||
|
}
|
|||
|
.uicon-google[data-v-5de67484]:before {
|
|||
|
content: "\e87a";
|
|||
|
}
|
|||
|
.uicon-ie[data-v-5de67484]:before {
|
|||
|
content: "\e87b";
|
|||
|
}
|
|||
|
.uicon-apple-fill[data-v-5de67484]:before {
|
|||
|
content: "\e881";
|
|||
|
}
|
|||
|
.uicon-chrome-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e885";
|
|||
|
}
|
|||
|
.uicon-github-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e887";
|
|||
|
}
|
|||
|
.uicon-IE-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e889";
|
|||
|
}
|
|||
|
.uicon-google-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e88a";
|
|||
|
}
|
|||
|
.uicon-arrow-down[data-v-5de67484]:before {
|
|||
|
content: "\e60d";
|
|||
|
}
|
|||
|
.uicon-arrow-left[data-v-5de67484]:before {
|
|||
|
content: "\e60e";
|
|||
|
}
|
|||
|
.uicon-map[data-v-5de67484]:before {
|
|||
|
content: "\e61d";
|
|||
|
}
|
|||
|
.uicon-man-add-fill[data-v-5de67484]:before {
|
|||
|
content: "\e64c";
|
|||
|
}
|
|||
|
.uicon-tags-fill[data-v-5de67484]:before {
|
|||
|
content: "\e651";
|
|||
|
}
|
|||
|
.uicon-arrow-leftward[data-v-5de67484]:before {
|
|||
|
content: "\e601";
|
|||
|
}
|
|||
|
.uicon-arrow-rightward[data-v-5de67484]:before {
|
|||
|
content: "\e603";
|
|||
|
}
|
|||
|
.uicon-arrow-downward[data-v-5de67484]:before {
|
|||
|
content: "\e604";
|
|||
|
}
|
|||
|
.uicon-arrow-right[data-v-5de67484]:before {
|
|||
|
content: "\e605";
|
|||
|
}
|
|||
|
.uicon-arrow-up[data-v-5de67484]:before {
|
|||
|
content: "\e606";
|
|||
|
}
|
|||
|
.uicon-arrow-upward[data-v-5de67484]:before {
|
|||
|
content: "\e607";
|
|||
|
}
|
|||
|
.uicon-bookmark[data-v-5de67484]:before {
|
|||
|
content: "\e60a";
|
|||
|
}
|
|||
|
.uicon-eye[data-v-5de67484]:before {
|
|||
|
content: "\e613";
|
|||
|
}
|
|||
|
.uicon-man-delete[data-v-5de67484]:before {
|
|||
|
content: "\e61a";
|
|||
|
}
|
|||
|
.uicon-man-add[data-v-5de67484]:before {
|
|||
|
content: "\e61c";
|
|||
|
}
|
|||
|
.uicon-trash[data-v-5de67484]:before {
|
|||
|
content: "\e623";
|
|||
|
}
|
|||
|
.uicon-error-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e62c";
|
|||
|
}
|
|||
|
.uicon-calendar-fill[data-v-5de67484]:before {
|
|||
|
content: "\e634";
|
|||
|
}
|
|||
|
.uicon-checkmark-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e635";
|
|||
|
}
|
|||
|
.uicon-close-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e637";
|
|||
|
}
|
|||
|
.uicon-clock-fill[data-v-5de67484]:before {
|
|||
|
content: "\e638";
|
|||
|
}
|
|||
|
.uicon-checkmark[data-v-5de67484]:before {
|
|||
|
content: "\e63a";
|
|||
|
}
|
|||
|
.uicon-download[data-v-5de67484]:before {
|
|||
|
content: "\e63c";
|
|||
|
}
|
|||
|
.uicon-eye-fill[data-v-5de67484]:before {
|
|||
|
content: "\e641";
|
|||
|
}
|
|||
|
.uicon-mic-off[data-v-5de67484]:before {
|
|||
|
content: "\e649";
|
|||
|
}
|
|||
|
.uicon-mic[data-v-5de67484]:before {
|
|||
|
content: "\e64a";
|
|||
|
}
|
|||
|
.uicon-info-circle-fill[data-v-5de67484]:before {
|
|||
|
content: "\e64b";
|
|||
|
}
|
|||
|
.uicon-map-fill[data-v-5de67484]:before {
|
|||
|
content: "\e64e";
|
|||
|
}
|
|||
|
.uicon-trash-fill[data-v-5de67484]:before {
|
|||
|
content: "\e658";
|
|||
|
}
|
|||
|
.uicon-volume-off-fill[data-v-5de67484]:before {
|
|||
|
content: "\e659";
|
|||
|
}
|
|||
|
.uicon-volume-up-fill[data-v-5de67484]:before {
|
|||
|
content: "\e65a";
|
|||
|
}
|
|||
|
.uicon-share-fill[data-v-5de67484]:before {
|
|||
|
content: "\e65e";
|
|||
|
}
|
|||
|
.u-icon[data-v-5de67484] {
|
|||
|
display: inline-flex;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.u-icon--left[data-v-5de67484] {
|
|||
|
flex-direction: row-reverse;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.u-icon--right[data-v-5de67484] {
|
|||
|
flex-direction: row;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.u-icon--top[data-v-5de67484] {
|
|||
|
flex-direction: column-reverse;
|
|||
|
justify-content: center;
|
|||
|
}
|
|||
|
.u-icon--bottom[data-v-5de67484] {
|
|||
|
flex-direction: column;
|
|||
|
justify-content: center;
|
|||
|
}
|
|||
|
.u-icon__icon[data-v-5de67484] {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.u-icon__icon--primary[data-v-5de67484] {
|
|||
|
color: #2979ff;
|
|||
|
}
|
|||
|
.u-icon__icon--success[data-v-5de67484] {
|
|||
|
color: #19be6b;
|
|||
|
}
|
|||
|
.u-icon__icon--error[data-v-5de67484] {
|
|||
|
color: #fa3534;
|
|||
|
}
|
|||
|
.u-icon__icon--warning[data-v-5de67484] {
|
|||
|
color: #ff9900;
|
|||
|
}
|
|||
|
.u-icon__icon--info[data-v-5de67484] {
|
|||
|
color: #909399;
|
|||
|
}
|
|||
|
.u-icon__decimal[data-v-5de67484] {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
display: inline-block;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.u-icon__img[data-v-5de67484] {
|
|||
|
height: auto;
|
|||
|
will-change: transform;
|
|||
|
}
|
|||
|
.u-icon__label[data-v-5de67484] {
|
|||
|
line-height: 1;
|
|||
|
}
|
|||
|
/**
|
|||
|
* 这里是uni-app内置的常用样式变量
|
|||
|
*
|
|||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
* 如果您是插件开发者,建议您使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
*
|
|||
|
*/
|
|||
|
/**
|
|||
|
* 如果您是App开发者(插件使用者),您可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
*
|
|||
|
* 如果您的项目同样使用了scss预处理,您也可以直接在您的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
*/
|
|||
|
/* 颜色变量 */
|
|||
|
/* 行为相关颜色 */
|
|||
|
/* 文字基本颜色 */
|
|||
|
/* 背景颜色 */
|
|||
|
/* 边框颜色 */
|
|||
|
/* 尺寸变量 */
|
|||
|
/* 文字尺寸 */
|
|||
|
/* 图片尺寸 */
|
|||
|
/* Border Radius */
|
|||
|
/* 水平间距 */
|
|||
|
/* 垂直间距 */
|
|||
|
/* 透明度 */
|
|||
|
/* 文章场景相关 */
|
|||
|
.u-drawer[data-v-c93a8fd2] {
|
|||
|
display: block;
|
|||
|
position: fixed;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
bottom: 0;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
.u-drawer-content[data-v-c93a8fd2] {
|
|||
|
display: block;
|
|||
|
position: absolute;
|
|||
|
z-index: 1003;
|
|||
|
transition: all 0.25s linear;
|
|||
|
}
|
|||
|
.u-drawer__scroll-view[data-v-c93a8fd2] {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
.u-drawer-left[data-v-c93a8fd2] {
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
left: 0;
|
|||
|
background-color: var(--bgcolor, #ffffff);
|
|||
|
}
|
|||
|
.u-drawer-right[data-v-c93a8fd2] {
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
background-color: var(--bgcolor, #ffffff);
|
|||
|
}
|
|||
|
.u-drawer-top[data-v-c93a8fd2] {
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
background-color: var(--bgcolor, #ffffff);
|
|||
|
}
|
|||
|
.u-drawer-bottom[data-v-c93a8fd2] {
|
|||
|
bottom: 0;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
background-color: var(--bgcolor, #ffffff);
|
|||
|
}
|
|||
|
.u-drawer-center[data-v-c93a8fd2] {
|
|||
|
|
|||
|
display: flex;
|
|||
|
flex-direction: row;
|
|||
|
|
|||
|
flex-direction: column;
|
|||
|
bottom: 0;
|
|||
|
left: 0;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
justify-content: center;
|
|||
|
align-items: center;
|
|||
|
opacity: 0;
|
|||
|
z-index: 99999;
|
|||
|
}
|
|||
|
.u-mode-center-box[data-v-c93a8fd2] {
|
|||
|
min-width: 3.125rem;
|
|||
|
min-height: 3.125rem;
|
|||
|
display: block;
|
|||
|
position: relative;
|
|||
|
background-color: var(--bgcolor, #ffffff);
|
|||
|
}
|
|||
|
.u-drawer-content-visible.u-drawer-center[data-v-c93a8fd2] {
|
|||
|
transform: scale(1);
|
|||
|
opacity: 1;
|
|||
|
}
|
|||
|
.u-animation-zoom[data-v-c93a8fd2] {
|
|||
|
transform: scale(1.15);
|
|||
|
}
|
|||
|
.u-drawer-content-visible[data-v-c93a8fd2] {
|
|||
|
transform: translate3D(0px, 0px, 0px) !important;
|
|||
|
}
|
|||
|
.u-close[data-v-c93a8fd2] {
|
|||
|
position: absolute;
|
|||
|
z-index: 3;
|
|||
|
}
|
|||
|
.u-close--top-left[data-v-c93a8fd2] {
|
|||
|
top: 0.9375rem;
|
|||
|
left: 0.9375rem;
|
|||
|
}
|
|||
|
.u-close--top-right[data-v-c93a8fd2] {
|
|||
|
top: 0.9375rem;
|
|||
|
right: 0.9375rem;
|
|||
|
}
|
|||
|
.u-close--bottom-left[data-v-c93a8fd2] {
|
|||
|
bottom: 0.9375rem;
|
|||
|
left: 0.9375rem;
|
|||
|
}
|
|||
|
.u-close--bottom-right[data-v-c93a8fd2] {
|
|||
|
right: 0.9375rem;
|
|||
|
bottom: 0.9375rem;
|
|||
|
}
|
|||
|
/**
|
|||
|
* 这里是uni-app内置的常用样式变量
|
|||
|
*
|
|||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
* 如果您是插件开发者,建议您使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
*
|
|||
|
*/
|
|||
|
/**
|
|||
|
* 如果您是App开发者(插件使用者),您可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
*
|
|||
|
* 如果您的项目同样使用了scss预处理,您也可以直接在您的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
*/
|
|||
|
/* 颜色变量 */
|
|||
|
/* 行为相关颜色 */
|
|||
|
/* 文字基本颜色 */
|
|||
|
/* 背景颜色 */
|
|||
|
/* 边框颜色 */
|
|||
|
/* 尺寸变量 */
|
|||
|
/* 文字尺寸 */
|
|||
|
/* 图片尺寸 */
|
|||
|
/* Border Radius */
|
|||
|
/* 水平间距 */
|
|||
|
/* 垂直间距 */
|
|||
|
/* 透明度 */
|
|||
|
/* 文章场景相关 */
|
|||
|
.u-select__action[data-v-2ab5fcb0] {
|
|||
|
position: relative;
|
|||
|
line-height: 2.1875rem;
|
|||
|
height: 2.1875rem;
|
|||
|
}
|
|||
|
.u-select__action__icon[data-v-2ab5fcb0] {
|
|||
|
position: absolute;
|
|||
|
right: 0.625rem;
|
|||
|
top: 50%;
|
|||
|
transition: transform 0.4s;
|
|||
|
transform: translateY(-50%);
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.u-select__action__icon--reverse[data-v-2ab5fcb0] {
|
|||
|
transform: rotate(-180deg) translateY(50%);
|
|||
|
}
|
|||
|
.u-select__hader__title[data-v-2ab5fcb0] {
|
|||
|
color: #606266;
|
|||
|
}
|
|||
|
.u-select--border[data-v-2ab5fcb0] {
|
|||
|
border-radius: 0.1875rem;
|
|||
|
border-radius: 4px;
|
|||
|
border: 1px solid #dcdfe6;
|
|||
|
}
|
|||
|
.u-select__header[data-v-2ab5fcb0] {
|
|||
|
|
|||
|
display: flex;
|
|||
|
flex-direction: row;
|
|||
|
|
|||
|
align-items: center;
|
|||
|
justify-content: space-between;
|
|||
|
height: 2.5rem;
|
|||
|
padding: 0 1.25rem;
|
|||
|
}
|
|||
|
.u-select__body[data-v-2ab5fcb0] {
|
|||
|
width: 100%;
|
|||
|
height: 15.625rem;
|
|||
|
overflow: hidden;
|
|||
|
background-color: #fff;
|
|||
|
}
|
|||
|
.u-select__body__picker-view[data-v-2ab5fcb0] {
|
|||
|
height: 100%;
|
|||
|
box-sizing: border-box;
|
|||
|
}
|
|||
|
.u-select__body__picker-view__item[data-v-2ab5fcb0] {
|
|||
|
|
|||
|
display: flex;
|
|||
|
flex-direction: row;
|
|||
|
|
|||
|
align-items: center;
|
|||
|
justify-content: center;
|
|||
|
font-size: 1rem;
|
|||
|
color: #303133;
|
|||
|
padding: 0 0.25rem;
|
|||
|
}
|
|||
|
/**
|
|||
|
* 这里是uni-app内置的常用样式变量
|
|||
|
*
|
|||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
* 如果您是插件开发者,建议您使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
*
|
|||
|
*/
|
|||
|
/**
|
|||
|
* 如果您是App开发者(插件使用者),您可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
*
|
|||
|
* 如果您的项目同样使用了scss预处理,您也可以直接在您的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
*/
|
|||
|
/* 颜色变量 */
|
|||
|
/* 行为相关颜色 */
|
|||
|
/* 文字基本颜色 */
|
|||
|
/* 背景颜色 */
|
|||
|
/* 边框颜色 */
|
|||
|
/* 尺寸变量 */
|
|||
|
/* 文字尺寸 */
|
|||
|
/* 图片尺寸 */
|
|||
|
/* Border Radius */
|
|||
|
/* 水平间距 */
|
|||
|
/* 垂直间距 */
|
|||
|
/* 透明度 */
|
|||
|
/* 文章场景相关 */
|
|||
|
/* 容器默认隐藏,透明度为 0,不接受点击 */
|
|||
|
.neuro-wrapper[data-v-5994d25c] {
|
|||
|
position: fixed;
|
|||
|
inset: 0;
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
align-items: center;
|
|||
|
z-index: 999;
|
|||
|
opacity: 0;
|
|||
|
pointer-events: none;
|
|||
|
transition: opacity 0.3s ease;
|
|||
|
}
|
|||
|
|
|||
|
/* 显示时透明度过渡到 1,可接受点击 */
|
|||
|
.neuro-wrapper.is-active[data-v-5994d25c] {
|
|||
|
opacity: 1;
|
|||
|
pointer-events: auto;
|
|||
|
}
|
|||
|
|
|||
|
/* 遮罩层,半透明黑色 */
|
|||
|
.neuro-mask[data-v-5994d25c] {
|
|||
|
position: absolute;
|
|||
|
inset: 0;
|
|||
|
background-color: rgba(0, 0, 0, 0.3);
|
|||
|
}
|
|||
|
|
|||
|
/* 拟态框 固定尺寸 + 阴影样式 + 相对定位于 wrapper */
|
|||
|
.neuro-box[data-v-5994d25c] {
|
|||
|
position: relative;
|
|||
|
width: 15rem;
|
|||
|
height: 9.375rem;
|
|||
|
border-radius: 0.625rem;
|
|||
|
background-color: #fff;
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
align-items: center;
|
|||
|
background-image: url("https://www.focusnu.com/media/directive/index/newpink.png");
|
|||
|
background-position: top center;
|
|||
|
background-repeat: no-repeat;
|
|||
|
z-index: 1;
|
|||
|
padding: 0 10%;
|
|||
|
}
|
|||
|
.tittle-bgc[data-v-5994d25c] {
|
|||
|
position: absolute;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
width: 100%;
|
|||
|
height: 9.375rem;
|
|||
|
background-image: url("https://www.focusnu.com/media/directive/index/modelbgc.png");
|
|||
|
background-size: 100% auto;
|
|||
|
background-position: top center;
|
|||
|
background-repeat: no-repeat;
|
|||
|
}
|
|||
|
.tittle-bgc .text[data-v-5994d25c] {
|
|||
|
color: #47526F;
|
|||
|
font-size: 1.25rem;
|
|||
|
margin: 1.25rem 0 0 1.5625rem;
|
|||
|
font-weight: 600;
|
|||
|
}
|
|||
|
.button[data-v-5994d25c] {
|
|||
|
position: absolute;
|
|||
|
bottom: 1.5625rem;
|
|||
|
left: 50%;
|
|||
|
transform: translateX(-50%);
|
|||
|
width: 80%;
|
|||
|
height: 2.5rem;
|
|||
|
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
align-items: center;
|
|||
|
color: #fff;
|
|||
|
font-size: 1.09375rem;
|
|||
|
border-radius: 1.09375rem;
|
|||
|
}
|
|||
|
/**
|
|||
|
* 这里是uni-app内置的常用样式变量
|
|||
|
*
|
|||
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|||
|
* 如果您是插件开发者,建议您使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|||
|
*
|
|||
|
*/
|
|||
|
/**
|
|||
|
* 如果您是App开发者(插件使用者),您可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|||
|
*
|
|||
|
* 如果您的项目同样使用了scss预处理,您也可以直接在您的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|||
|
*/
|
|||
|
/* 颜色变量 */
|
|||
|
/* 行为相关颜色 */
|
|||
|
/* 文字基本颜色 */
|
|||
|
/* 背景颜色 */
|
|||
|
/* 边框颜色 */
|
|||
|
/* 尺寸变量 */
|
|||
|
/* 文字尺寸 */
|
|||
|
/* 图片尺寸 */
|
|||
|
/* Border Radius */
|
|||
|
/* 水平间距 */
|
|||
|
/* 垂直间距 */
|
|||
|
/* 透明度 */
|
|||
|
/* 文章场景相关 */
|
|||
|
.container[data-v-549d1cee] {
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
min-height: 100vh;
|
|||
|
width: 100%;
|
|||
|
background-color: #F7F7F7;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.container .white-content[data-v-549d1cee] {
|
|||
|
width: 100%;
|
|||
|
margin-top: 0.625rem;
|
|||
|
border-radius: 1.09375rem;
|
|||
|
}
|
|||
|
.container .white-content .content-title[data-v-549d1cee] {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
height: 2.1875rem;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.container .white-content .content-title .content-weight[data-v-549d1cee] {
|
|||
|
font-size: 1rem;
|
|||
|
font-weight: 600;
|
|||
|
margin-left: 0.625rem;
|
|||
|
}
|
|||
|
.container .white-content .content-title .content-img[data-v-549d1cee] {
|
|||
|
position: absolute;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
width: 12.5rem;
|
|||
|
height: 100%;
|
|||
|
}
|
|||
|
.container .white-photo[data-v-549d1cee] {
|
|||
|
width: 90%;
|
|||
|
margin-left: 5%;
|
|||
|
height: 9.375rem;
|
|||
|
border-radius: 1.09375rem;
|
|||
|
background-color: #fff;
|
|||
|
justify-content: space-around;
|
|||
|
align-items: center;
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.container .white-photo .photo[data-v-549d1cee] {
|
|||
|
width: 9.375rem;
|
|||
|
height: 6.25rem;
|
|||
|
}
|
|||
|
.container .white-message[data-v-549d1cee] {
|
|||
|
width: 90%;
|
|||
|
margin-left: 5%;
|
|||
|
margin-top: 0.3125rem;
|
|||
|
margin-bottom: 0.9375rem;
|
|||
|
padding: 0.9375rem 0;
|
|||
|
border-radius: 1.09375rem;
|
|||
|
background-color: #fff;
|
|||
|
justify-content: space-around;
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
}
|
|||
|
.container .white-message .message-title[data-v-549d1cee] {
|
|||
|
width: 100%;
|
|||
|
height: 3.125rem;
|
|||
|
align-items: center;
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.container .white-message .message-title .message-weight[data-v-549d1cee] {
|
|||
|
font-size: 0.9375rem;
|
|||
|
}
|
|||
|
.container .white-message .one[data-v-549d1cee] {
|
|||
|
width: 90%;
|
|||
|
margin-left: 5%;
|
|||
|
height: 3.125rem;
|
|||
|
display: flex;
|
|||
|
justify-content: space-between;
|
|||
|
align-items: center;
|
|||
|
margin-bottom: 0.3125rem;
|
|||
|
}
|
|||
|
.container .white-message .one .one-left[data-v-549d1cee] {
|
|||
|
margin-left: 0.3125rem;
|
|||
|
font-size: 0.9375rem;
|
|||
|
}
|
|||
|
.container .white-message .one .one-right[data-v-549d1cee] {
|
|||
|
font-size: 0.9375rem;
|
|||
|
height: 100%;
|
|||
|
color: #999999;
|
|||
|
overflow: hidden;
|
|||
|
/* 隐藏超出内容 */
|
|||
|
white-space: nowrap;
|
|||
|
/* 不换行 */
|
|||
|
font-size: 0.78125rem;
|
|||
|
text-overflow: ellipsis;
|
|||
|
width: 10.9375rem;
|
|||
|
display: flex;
|
|||
|
}
|
|||
|
.photo-left .photo-weight[data-v-549d1cee] {
|
|||
|
font-size: 0.8125rem;
|
|||
|
font-weight: 600;
|
|||
|
}
|
|||
|
.photo-left .photo-font[data-v-549d1cee] {
|
|||
|
font-size: 0.71875rem;
|
|||
|
margin-top: 0.3125rem;
|
|||
|
}
|
|||
|
.finish-button[data-v-549d1cee] {
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
align-items: center;
|
|||
|
width: 44%;
|
|||
|
height: 2.8125rem;
|
|||
|
margin-bottom: 2.5rem;
|
|||
|
color: #fff;
|
|||
|
background: linear-gradient(to right, #00C9FF, #0076FF);
|
|||
|
border-radius: 1.15625rem;
|
|||
|
font-size: 1.03125rem;
|
|||
|
}
|
|||
|
.one-img[data-v-549d1cee] {
|
|||
|
position: absolute;
|
|||
|
top: 50%;
|
|||
|
transform: translateY(-50%);
|
|||
|
right: 0.3125rem;
|
|||
|
width: 1.875rem;
|
|||
|
height: 1.5625rem;
|
|||
|
}
|
|||
|
.pingfangmi[data-v-549d1cee] {
|
|||
|
position: absolute;
|
|||
|
top: 50%;
|
|||
|
right: 0.15625rem;
|
|||
|
transform: translateY(-50%);
|
|||
|
}
|
|||
|
.special[data-v-549d1cee] {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
width: 8.75rem;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.popup-father[data-v-549d1cee] {
|
|||
|
width: 100%;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.popup-father .popup-title[data-v-549d1cee] {
|
|||
|
position: fixed;
|
|||
|
top: 0;
|
|||
|
left: 0;
|
|||
|
display: flex;
|
|||
|
flex-direction: column;
|
|||
|
width: 100%;
|
|||
|
background-color: #fff;
|
|||
|
z-index: 1;
|
|||
|
}
|
|||
|
.popup-father .popup-title .title-font[data-v-549d1cee] {
|
|||
|
font-size: 1.1875rem;
|
|||
|
font-weight: 600;
|
|||
|
}
|
|||
|
.popup-father .popup-title .title-imge[data-v-549d1cee] {
|
|||
|
width: 0.9375rem;
|
|||
|
height: 0.9375rem;
|
|||
|
margin-left: 0.3125rem;
|
|||
|
margin-top: 0.15625rem;
|
|||
|
}
|
|||
|
.popup-father .other-title[data-v-549d1cee] {
|
|||
|
font-size: 1rem;
|
|||
|
font-weight: 600;
|
|||
|
margin-left: 0.9375rem;
|
|||
|
margin-top: 1.5625rem;
|
|||
|
}
|
|||
|
.cards[data-v-549d1cee] {
|
|||
|
width: 100%;
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
height: 3.125rem;
|
|||
|
}
|
|||
|
.cards .zimu[data-v-549d1cee] {
|
|||
|
margin: 0 0.9375rem;
|
|||
|
color: #d7d7d7;
|
|||
|
width: 0.875rem;
|
|||
|
}
|
|||
|
.cards .font[data-v-549d1cee] {
|
|||
|
font-size: 0.9375rem;
|
|||
|
}
|
|||
|
.title-back[data-v-549d1cee] {
|
|||
|
margin-top: 3.125rem;
|
|||
|
width: 100%;
|
|||
|
height: 3.125rem;
|
|||
|
display: flex;
|
|||
|
justify-content: space-between;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.title-back .left-father[data-v-549d1cee] {
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.title-back .left-father .back-img[data-v-549d1cee] {
|
|||
|
width: 1.40625rem;
|
|||
|
height: 1.25rem;
|
|||
|
margin-left: 1.25rem;
|
|||
|
margin-right: 0.46875rem;
|
|||
|
}
|
|||
|
.back-button[data-v-549d1cee] {
|
|||
|
display: flex;
|
|||
|
justify-content: center;
|
|||
|
align-items: center;
|
|||
|
width: 44%;
|
|||
|
height: 2.8125rem;
|
|||
|
margin-bottom: 2.5rem;
|
|||
|
border: 0.0625rem solid #c3cacd;
|
|||
|
background: linear-gradient(to bottom, #f3f3f5, #dee4e9);
|
|||
|
border-radius: 1.15625rem;
|
|||
|
font-size: 1.03125rem;
|
|||
|
}
|
|||
|
.shu[data-v-549d1cee] {
|
|||
|
width: 0.4375rem;
|
|||
|
height: 1.125rem;
|
|||
|
background-color: #0097FF;
|
|||
|
border-radius: 0.3125rem;
|
|||
|
margin: 0.09375rem 0.15625rem 0 1.875rem;
|
|||
|
}
|
|||
|
.triangle-down[data-v-549d1cee] {
|
|||
|
position: absolute;
|
|||
|
top: 50%;
|
|||
|
transform: translateY(-50%);
|
|||
|
right: 0.8125rem;
|
|||
|
width: 0.625rem;
|
|||
|
height: 0.625rem;
|
|||
|
}
|
|||
|
.triangle-down-mi[data-v-549d1cee] {
|
|||
|
position: absolute;
|
|||
|
top: 50%;
|
|||
|
transform: translateY(-50%);
|
|||
|
right: 0.8125rem;
|
|||
|
font-size: 0.9375rem;
|
|||
|
color: #999999;
|
|||
|
}
|
|||
|
.all-bgc[data-v-549d1cee] {
|
|||
|
background-image: url("https://www.focusnu.com/media/directive/index/where.png");
|
|||
|
background-size: 100% auto;
|
|||
|
/* 宽度占满,高度自动 */
|
|||
|
background-position: top center;
|
|||
|
background-repeat: no-repeat;
|
|||
|
}
|
|||
|
.title-imge-title[data-v-549d1cee] {
|
|||
|
width: 3.125rem;
|
|||
|
height: 3.75rem;
|
|||
|
position: absolute;
|
|||
|
top: 0.3125rem;
|
|||
|
right: 2.5rem;
|
|||
|
}
|
|||
|
.button-father[data-v-549d1cee] {
|
|||
|
height: 1.875rem;
|
|||
|
padding: 0 0.625rem;
|
|||
|
display: flex;
|
|||
|
align-items: center;
|
|||
|
justify-content: center;
|
|||
|
position: relative;
|
|||
|
background-color: #F5F5F5;
|
|||
|
color: #666666;
|
|||
|
border-radius: 0.9375rem;
|
|||
|
margin-left: 0.9375rem;
|
|||
|
}
|
|||
|
|
|||
|
.uni-scroll-view {
|
|||
|
height: auto;
|
|||
|
}
|