/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /*每个页面公共css */.u-flex{display:flex;align-items:center}.u-flexs{display:flex;align-items:center;justify-content:space-between}.u-flexn{display:flex}.u-flexc{display:flex;align-items:center;justify-content:center}.u-m-r-3{margin-right:3px}.u-m-r-5{margin-right:5px}.u-m-r-10{margin-right:10px}.u-m-r-20{margin-right:20px}.u-m-r-30{margin-right:30px}.u-m-l-5{margin-left:5px}.u-m-l-10{margin-left:10px}.u-m-t-3{margin-top:3px}.u-m-t-5{margin-top:5px}.u-m-t-10{margin-top:10px}.u-m-t-15{margin-top:15px}.u-m-t-20{margin-top:20px}.u-m-t-30{margin-top:30px}.u-m-t-50{margin-top:50px}.u-m-t-60{margin-top:60px}.u-m-b-5{margin-bottom:5px}.u-m-b-6{margin-bottom:6px}.u-m-b-10{margin-bottom:10px}.u-m-b-15{margin-bottom:15px}.u-m-b-20{margin-bottom:20px}.u-m-b-25{margin-bottom:25px}.u-m-b-30{margin-bottom:30px}.u-m-l-12{margin-left:12px}.u-m-lr-3{margin:0 3px}.u-p-lr-12{padding:0 12px}.u-p-15{padding:15px}.u-p-lr-12{padding:0 12px}.u-p-lr-15{padding:0 15px}.u-p-l-10{padding-left:10px}.u-p-l-12{padding-left:12px}.u-p-r-10{padding-right:10px}.font-size-10{font-size:10px}.font-size-11{font-size:11px}.font-size-12{font-size:12px}.font-size-13{font-size:13px}.font-size-14{font-size:14px}.font-size-15{font-size:15px}.font-size-18{font-size:18px}.font-size-20{font-size:20px}.font-size-24{font-size:24px}.font-color-34{color:#343434}.font-color-99{color:#999}.font-color-f6{color:#ff6000}.font-color-db{color:#dba871}.font-color-73{color:#737373}.font-color-21{color:#212772}.font-color-6e{color:#6e6e6e}.font-weight-600{font-weight:600}.backgroudn-color-ff{background-color:#fff}.font-text-line{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.u-text-right{text-align:right}.u-lines{width:100%;height:1px;background-color:rgba(200,199,204,.3)}.u-line-col{width:1px;height:20px;background-color:#ccc}.bg_tip{padding:5px 10px;width:20%;text-align:center;border-radius:30px;background-color:#f5f5f7}.active_bg_tip{background-color:#212772;color:#fff}.yingye_bg_tip{padding:3px 6px;border-radius:3px;background-color:#212772;color:#fff} /* 单行超出显示省略号 */.single-row{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.main_item_img{flex:1;height:70px}.city_btn{padding:4px 0;width:75px;text-align:center;border:1px solid #ddd;background-color:#fff;border-radius:30px}uni-modal .uni-modal{width:300px;border-radius:7px;.uni-modal__title{font-size:16px;font-weight:600;color:#606266}.uni-modal__hd{font-size:16px;font-weight:500;padding:19px 19px 11px;color:#171a1d}.uni-modal__bd{padding:0 19px 15px;color:rgba(23,26,29,.6);line-height:19px;font-size:13px}.uni-modal__btn{font-size:16px;font-weight:500;&::after{border-color:#212772}}.uni-modal__ft:after{border-color:#ececec}}uni-modal{z-index:999999!important} .uni-app--showtabbar uni-page-wrapper { display: block; height: calc(100% - 50px); height: calc(100% - 50px - constant(safe-area-inset-bottom)); height: calc(100% - 50px - env(safe-area-inset-bottom)); } .uni-app--showtabbar uni-page-wrapper::after { content: ""; display: block; width: 100%; height: 50px; height: calc(50px + constant(safe-area-inset-bottom)); height: calc(50px + env(safe-area-inset-bottom)); } .uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper { height: calc(100% - 44px - 50px); height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom)); height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom)); } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */.u-status-bar[data-v-186edb96]{width:100%} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-59765974], uni-scroll-view[data-v-59765974], uni-swiper-item[data-v-59765974]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}@font-face{font-family:uicon-iconfont;src:url(https://at.alicdn.com/t/font_2225171_8kdcwk4po24.ttf) format("truetype")}.u-icon[data-v-59765974]{display:flex;align-items:center}.u-icon--left[data-v-59765974]{flex-direction:row-reverse;align-items:center}.u-icon--right[data-v-59765974]{flex-direction:row;align-items:center}.u-icon--top[data-v-59765974]{flex-direction:column-reverse;justify-content:center}.u-icon--bottom[data-v-59765974]{flex-direction:column;justify-content:center}.u-icon__icon[data-v-59765974]{font-family:uicon-iconfont;position:relative;display:flex;flex-direction:row;align-items:center}.u-icon__icon--primary[data-v-59765974]{color:#3c9cff}.u-icon__icon--success[data-v-59765974]{color:#5ac725}.u-icon__icon--error[data-v-59765974]{color:#f56c6c}.u-icon__icon--warning[data-v-59765974]{color:#f9ae3d}.u-icon__icon--info[data-v-59765974]{color:#909399}.u-icon__img[data-v-59765974]{height:auto;will-change:transform}.u-icon__label[data-v-59765974]{line-height:1} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-5302c461], uni-scroll-view[data-v-5302c461], uni-swiper-item[data-v-5302c461]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-navbar--fixed[data-v-5302c461]{position:fixed;left:0;right:0;top:0;z-index:11}.u-navbar__content[data-v-5302c461]{display:flex;flex-direction:row;align-items:center;height:44px;background-color:#9acafc;position:relative;justify-content:center}.u-navbar__content__left[data-v-5302c461], .u-navbar__content__right[data-v-5302c461]{padding:0 13px;position:absolute;top:0;bottom:0;display:flex;flex-direction:row;align-items:center}.u-navbar__content__left[data-v-5302c461]{left:0}.u-navbar__content__left--hover[data-v-5302c461]{opacity:.7}.u-navbar__content__left__text[data-v-5302c461]{font-size:15px;margin-left:3px}.u-navbar__content__title[data-v-5302c461]{text-align:center;font-size:16px;color:#303133}.u-navbar__content__right[data-v-5302c461]{right:0}.u-navbar__content__right__text[data-v-5302c461]{font-size:15px;margin-left:3px} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-69f08b8a], uni-scroll-view[data-v-69f08b8a], uni-swiper-item[data-v-69f08b8a]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-steps[data-v-69f08b8a]{display:flex;flex-direction:row}.u-steps--column[data-v-69f08b8a]{flex-direction:column}.u-steps--row[data-v-69f08b8a]{flex-direction:row;flex:1} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-2b5fb029], uni-scroll-view[data-v-2b5fb029], uni-swiper-item[data-v-2b5fb029]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-link[data-v-2b5fb029]{line-height:1;display:flex;flex-direction:row;flex-wrap:wrap;flex:1} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-ed1d90b6], uni-scroll-view[data-v-ed1d90b6], uni-swiper-item[data-v-ed1d90b6]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-text[data-v-ed1d90b6]{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;flex:1;width:100%}.u-text__price[data-v-ed1d90b6]{font-size:14px;color:#606266}.u-text__value[data-v-ed1d90b6]{font-size:14px;display:flex;flex-direction:row;color:#606266;flex-wrap:wrap;text-overflow:ellipsis;align-items:center}.u-text__value--primary[data-v-ed1d90b6]{color:#3c9cff}.u-text__value--warning[data-v-ed1d90b6]{color:#f9ae3d}.u-text__value--success[data-v-ed1d90b6]{color:#5ac725}.u-text__value--info[data-v-ed1d90b6]{color:#909399}.u-text__value--error[data-v-ed1d90b6]{color:#f56c6c}.u-text__value--main[data-v-ed1d90b6]{color:#303133}.u-text__value--content[data-v-ed1d90b6]{color:#606266}.u-text__value--tips[data-v-ed1d90b6]{color:#909193}.u-text__value--light[data-v-ed1d90b6]{color:#c0c4cc} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-c4710e94], uni-scroll-view[data-v-c4710e94], uni-swiper-item[data-v-c4710e94]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-steps-item[data-v-c4710e94]{flex:1;display:flex;flex-direction:row}.u-steps-item--row[data-v-c4710e94]{flex-direction:column;align-items:center;position:relative}.u-steps-item--column[data-v-c4710e94]{position:relative;flex-direction:row;justify-content:flex-start;padding-bottom:5px}.u-steps-item__wrapper[data-v-c4710e94]{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;background-color:#fff}.u-steps-item__wrapper--column[data-v-c4710e94]{width:20px;height:32px}.u-steps-item__wrapper--column--dot[data-v-c4710e94]{height:20px;width:20px}.u-steps-item__wrapper--row[data-v-c4710e94]{width:32px;height:20px}.u-steps-item__wrapper--row--dot[data-v-c4710e94]{width:20px;height:20px}.u-steps-item__wrapper__circle[data-v-c4710e94]{width:20px;height:20px;box-sizing:border-box;flex-shrink:0;border-radius:100px;border-width:1px;border-color:#909193;border-style:solid;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:background-color .3s}.u-steps-item__wrapper__circle__text[data-v-c4710e94]{color:#909193;font-size:11px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;line-height:11px}.u-steps-item__wrapper__dot[data-v-c4710e94]{width:10px;height:10px;border-radius:100px;background-color:#606266}.u-steps-item__content[data-v-c4710e94]{display:flex;flex-direction:row;flex:1}.u-steps-item__content--row[data-v-c4710e94]{flex-direction:column;align-items:center}.u-steps-item__content--column[data-v-c4710e94]{flex-direction:column;margin-left:6px}.u-steps-item__line[data-v-c4710e94]{position:absolute;background:#909193}.u-steps-item__line--row[data-v-c4710e94]{top:10px;height:1px}.u-steps-item__line--column[data-v-c4710e94]{width:1px;left:10px} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-72bdd996], uni-scroll-view[data-v-72bdd996], uni-swiper-item[data-v-72bdd996]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}[type="search"][data-v-72bdd996]::-webkit-search-decoration{display:none}.u-search[data-v-72bdd996]{display:flex;flex-direction:row;align-items:center;flex:1}.u-search__content[data-v-72bdd996]{display:flex;flex-direction:row;align-items:center;padding:0 10px;flex:1;justify-content:space-between;border-width:1px;border-color:transparent;border-style:solid;overflow:hidden}.u-search__content__icon[data-v-72bdd996]{display:flex;flex-direction:row;align-items:center}.u-search__content__label[data-v-72bdd996]{color:#303133;font-size:14px;margin:0 4px}.u-search__content__close[data-v-72bdd996]{width:20px;height:20px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;background-color:#c6c7cb;display:flex;flex-direction:row;align-items:center;justify-content:center;-webkit-transform:scale(.82);transform:scale(.82)}.u-search__content__input[data-v-72bdd996]{flex:1;font-size:14px;line-height:1;margin:0 5px;color:#303133}.u-search__content__input--placeholder[data-v-72bdd996]{color:#909193}.u-search__action[data-v-72bdd996]{font-size:14px;color:#303133;width:0;overflow:hidden;transition-property:width;transition-duration:.3s;white-space:nowrap;text-align:center}.u-search__action--active[data-v-72bdd996]{width:40px;margin-left:5px} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-a75f7a08], uni-scroll-view[data-v-a75f7a08], uni-swiper-item[data-v-a75f7a08]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start} /** * vue版本动画内置的动画模式有如下： * fade：淡入 * zoom：缩放 * fade-zoom：缩放淡入 * fade-up：上滑淡入 * fade-down：下滑淡入 * fade-left：左滑淡入 * fade-right：右滑淡入 * slide-up：上滑进入 * slide-down：下滑进入 * slide-left：左滑进入 * slide-right：右滑进入 */.u-fade-enter-active[data-v-a75f7a08], .u-fade-leave-active[data-v-a75f7a08]{transition-property:opacity}.u-fade-enter[data-v-a75f7a08], .u-fade-leave-to[data-v-a75f7a08]{opacity:0}.u-fade-zoom-enter[data-v-a75f7a08], .u-fade-zoom-leave-to[data-v-a75f7a08]{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}.u-fade-zoom-enter-active[data-v-a75f7a08], .u-fade-zoom-leave-active[data-v-a75f7a08]{transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.u-fade-down-enter-active[data-v-a75f7a08], .u-fade-down-leave-active[data-v-a75f7a08], .u-fade-left-enter-active[data-v-a75f7a08], .u-fade-left-leave-active[data-v-a75f7a08], .u-fade-right-enter-active[data-v-a75f7a08], .u-fade-right-leave-active[data-v-a75f7a08], .u-fade-up-enter-active[data-v-a75f7a08], .u-fade-up-leave-active[data-v-a75f7a08]{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.u-fade-up-enter[data-v-a75f7a08], .u-fade-up-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:0}.u-fade-down-enter[data-v-a75f7a08], .u-fade-down-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}.u-fade-left-enter[data-v-a75f7a08], .u-fade-left-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.u-fade-right-enter[data-v-a75f7a08], .u-fade-right-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.u-slide-down-enter-active[data-v-a75f7a08], .u-slide-down-leave-active[data-v-a75f7a08], .u-slide-left-enter-active[data-v-a75f7a08], .u-slide-left-leave-active[data-v-a75f7a08], .u-slide-right-enter-active[data-v-a75f7a08], .u-slide-right-leave-active[data-v-a75f7a08], .u-slide-up-enter-active[data-v-a75f7a08], .u-slide-up-leave-active[data-v-a75f7a08]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.u-slide-up-enter[data-v-a75f7a08], .u-slide-up-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.u-slide-down-enter[data-v-a75f7a08], .u-slide-down-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.u-slide-left-enter[data-v-a75f7a08], .u-slide-left-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.u-slide-right-enter[data-v-a75f7a08], .u-slide-right-leave-to[data-v-a75f7a08]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.u-zoom-enter-active[data-v-a75f7a08], .u-zoom-leave-active[data-v-a75f7a08]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.u-zoom-enter[data-v-a75f7a08], /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-b2a05bc2], uni-scroll-view[data-v-b2a05bc2], uni-swiper-item[data-v-b2a05bc2]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-overlay[data-v-b2a05bc2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */.u-safe-bottom[data-v-eca591a4]{width:100%} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-30282a05], uni-scroll-view[data-v-30282a05], uni-swiper-item[data-v-30282a05]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-popup[data-v-30282a05]{flex:1}.u-popup__content[data-v-30282a05]{background-color:#fff;position:relative}.u-popup__content--round-top[data-v-30282a05]{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.u-popup__content--round-left[data-v-30282a05]{border-top-left-radius:0;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:10px}.u-popup__content--round-right[data-v-30282a05]{border-top-left-radius:10px;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:0}.u-popup__content--round-bottom[data-v-30282a05]{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.u-popup__content--round-center[data-v-30282a05]{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.u-popup__content__close[data-v-30282a05]{position:absolute}.u-popup__content__close--hover[data-v-30282a05]{opacity:.4}.u-popup__content__close--top-left[data-v-30282a05]{top:15px;left:15px}.u-popup__content__close--top-right[data-v-30282a05]{top:15px;right:15px}.u-popup__content__close--bottom-left[data-v-30282a05]{bottom:15px;left:15px}.u-popup__content__close--bottom-right[data-v-30282a05]{right:15px;bottom:15px} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */.transition[data-v-65f02878]{width:50px;height:50px;background:url(/static/img/usergif.gif) no-repeat;background-size:100% 100%} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */body.pages-store-changeStore uni-page-body{background-color:#f4f5f7}body.pages-store-changeStore{background-color:#f4f5f7}.change_store[data-v-66a60c30]{padding-top:10px;background-color:#fff;border-radius:10px}.change_store .card_dot[data-v-66a60c30]{width: 0; /* 宽度设置为 0 */ height: 0; /* 高度设置为 0 */ margin-right: 10px; /* 调整箭头之间的间距 */ margin-top: 8px; border-top: 5px solid transparent; /* 上边框透明 */ border-bottom: 5px solid transparent; /* 下边框透明 */ border-left: 8px solid #a8c4ff; /* 左边框为箭头颜色 */ border-radius: 0; /* 去除圆角 */ background-color: transparent; /* 背景透明 */}.change_store .slot-icon[data-v-66a60c30]{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background-color:#eaf2ff;border-radius:3px}.card_content[data-v-66a60c30]{padding:0 12px 1px;border-radius:10px;background-color:#fff}.popup_content[data-v-66a60c30]{width:200px;padding:20px 30px;text-align:center} .uni-app--showtabbar uni-page-wrapper { display: block; height: calc(100% - 50px); height: calc(100% - 50px - constant(safe-area-inset-bottom)); height: calc(100% - 50px - env(safe-area-inset-bottom)); } .uni-app--showtabbar uni-page-wrapper::after { content: ""; display: block; width: 100%; height: 50px; height: calc(50px + constant(safe-area-inset-bottom)); height: calc(50px + env(safe-area-inset-bottom)); } .uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper { height: calc(100% - 44px - 50px); height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom)); height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom)); } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-0adf0c08], uni-scroll-view[data-v-0adf0c08], uni-swiper-item[data-v-0adf0c08]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-index-list__letter[data-v-0adf0c08]{position:fixed;right:0;text-align:center;z-index:3;padding:0 6px}.u-index-list__letter__item[data-v-0adf0c08]{width:16px;height:16px;border-radius:100px;margin:1px 0;display:flex;flex-direction:row;align-items:center;justify-content:center}.u-index-list__letter__item--active[data-v-0adf0c08]{background-color:#3c9cff}.u-index-list__letter__item__index[data-v-0adf0c08]{font-size:12px;text-align:center;line-height:12px}.u-index-list__indicator[data-v-0adf0c08]{width:50px;height:50px;border-radius:100px 100px 0 100px;text-align:center;color:#fff;background-color:#c9c9c9;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);display:flex;flex-direction:row;justify-content:center;align-items:center}.u-index-list__indicator__text[data-v-0adf0c08]{font-size:28px;line-height:28px;font-weight:700;color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);text-align:center} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-dafe24dc], uni-scroll-view[data-v-dafe24dc], uni-swiper-item[data-v-dafe24dc]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-23bee877], uni-scroll-view[data-v-23bee877], uni-swiper-item[data-v-23bee877]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-index-anchor[data-v-23bee877]{position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:row;align-items:center;padding-left:15px;z-index:1}.u-index-anchor__text[data-v-23bee877]{display:flex;flex-direction:row;align-items:center} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */body.pages-store-changeCity uni-page-body{background-color:#f4f5f7;overflow:hidden}body.pages-store-changeCity{background-color:#f4f5f7}.select_city .city_bg[data-v-eb7f75d0]{background-color:#fff;padding:10px 12px}.select_city .select_content .city_grid[data-v-eb7f75d0]{display:flex;flex-wrap:wrap;border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-top:10px}.select_city .select_content .city_grid .grid_item[data-v-eb7f75d0]{margin-right:10px;margin-bottom:10px;flex:0 0 calc((100% - 100px)/4);padding:4px 0;text-align:center;border:1px solid #ddd;background-color:#fff;border-radius:30px;max-width:75.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select_city .select_content .city_grid .grid_item[data-v-eb7f75d0]:nth-child(4n){margin-right:0}.select_city .list-cell[data-v-eb7f75d0]{box-sizing:border-box;margin-right:10px;margin-bottom:10px;flex:0 0 calc((100% - 100px)/4);padding:4px 0;text-align:center;border:1px solid #ddd;background-color:#fff;border-radius:30px;max-width:75.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px} .uni-app--showtabbar uni-page-wrapper { display: block; height: calc(100% - 50px); height: calc(100% - 50px - constant(safe-area-inset-bottom)); height: calc(100% - 50px - env(safe-area-inset-bottom)); } .uni-app--showtabbar uni-page-wrapper::after { content: ""; display: block; width: 100%; height: 50px; height: calc(50px + constant(safe-area-inset-bottom)); height: calc(50px + env(safe-area-inset-bottom)); } .uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper { height: calc(100% - 44px - 50px); height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom)); height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom)); } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-2f0e5305], uni-scroll-view[data-v-2f0e5305], uni-swiper-item[data-v-2f0e5305]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-line[data-v-2f0e5305]{vertical-align:middle} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-26861ad0], uni-scroll-view[data-v-26861ad0], uni-swiper-item[data-v-26861ad0]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-loading-icon[data-v-26861ad0]{flex-direction:row;align-items:center;justify-content:center;color:#c8c9cc}.u-loading-icon__text[data-v-26861ad0]{margin-left:4px;color:#606266;font-size:14px;line-height:20px}.u-loading-icon__spinner[data-v-26861ad0]{width:30px;height:30px;position:relative;box-sizing:border-box;max-width:100%;max-height:100%;-webkit-animation:u-rotate-data-v-26861ad0 1s linear infinite;animation:u-rotate-data-v-26861ad0 1s linear infinite}.u-loading-icon__spinner--semicircle[data-v-26861ad0]{border-width:2px;border-color:transparent;border-top-right-radius:100px;border-top-left-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-style:solid}.u-loading-icon__spinner--circle[data-v-26861ad0]{border-top-right-radius:100px;border-top-left-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-width:2px;border-top-color:#e5e5e5;border-right-color:#e5e5e5;border-bottom-color:#e5e5e5;border-left-color:#e5e5e5;border-style:solid}.u-loading-icon--vertical[data-v-26861ad0]{flex-direction:column}[data-v-26861ad0]:host{font-size:0;line-height:1}.u-loading-icon__spinner--spinner[data-v-26861ad0]{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.u-loading-icon__text[data-v-26861ad0]:empty{display:none}.u-loading-icon--vertical .u-loading-icon__text[data-v-26861ad0]{margin:6px 0 0;color:#606266}.u-loading-icon__dot[data-v-26861ad0]{position:absolute;top:0;left:0;width:100%;height:100%}.u-loading-icon__dot[data-v-26861ad0]:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(1){-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.u-loading-icon__dot[data-v-26861ad0]:nth-of-type(12){-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:.3125}@-webkit-keyframes u-rotate-data-v-26861ad0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes u-rotate-data-v-26861ad0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-0c819176], uni-scroll-view[data-v-0c819176], uni-swiper-item[data-v-0c819176]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-modal[data-v-0c819176]{width:325px;border-radius:6px;overflow:hidden}.u-modal__title[data-v-0c819176]{font-size:16px;font-weight:700;color:#606266;text-align:center;padding-top:25px}.u-modal__content[data-v-0c819176]{padding:12px 25px 25px 25px;display:flex;flex-direction:row;justify-content:center}.u-modal__content__text[data-v-0c819176]{font-size:15px;color:#606266;flex:1}.u-modal__button-group[data-v-0c819176]{display:flex;flex-direction:row}.u-modal__button-group--confirm-button[data-v-0c819176]{flex-direction:column;padding:0 25px 15px 25px}.u-modal__button-group__wrapper[data-v-0c819176]{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px}.u-modal__button-group__wrapper--confirm[data-v-0c819176], .u-modal__button-group__wrapper--only-cancel[data-v-0c819176]{border-bottom-right-radius:6px}.u-modal__button-group__wrapper--cancel[data-v-0c819176], .u-modal__button-group__wrapper--only-confirm[data-v-0c819176]{border-bottom-left-radius:6px}.u-modal__button-group__wrapper--hover[data-v-0c819176]{background-color:#f3f4f6}.u-modal__button-group__wrapper__text[data-v-0c819176]{color:#606266;font-size:16px;text-align:center} uni-modal[data-v-26b775d3]{z-index:999999!important} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */body.pages-coffee-coffee uni-page-body{background-color:#f4f5f7}body.pages-coffee-coffee{background-color:#f4f5f7}.coffee[data-v-26b775d3]{overflow:hidden}.coffee .coffee_heder[data-v-26b775d3]{width:100%;padding:10px 12px;box-shadow:0 10px 10px -10px rgba(51,51,51,.1);z-index:1000;background-color:#fff;box-sizing:border-box}.coffee .lee-wrap[data-v-26b775d3]{display:flex;height:calc(100vh - var(--window-top));flex-direction:column}.coffee .lee-wrap .lee-menu-wrap[data-v-26b775d3]{flex:1;display:flex;overflow:hidden;padding-right:10px;padding-bottom:10px}.coffee .lee-wrap .lee-menu-wrap .lee-tab-view[data-v-26b775d3]{width:80px;height:100%}.coffee .lee-wrap .lee-menu-wrap .cu_item[data-v-26b775d3]{position:relative;padding:15px 0;background-color:#f4f5f7;text-align:center}.coffee .lee-wrap .lee-menu-wrap .cur[data-v-26b775d3]{background-color:#e5e5e5;font-weight:700;border-radius:0 30px 30px 0}.coffee .lee-wrap .lee-menu-wrap .cur .bar[data-v-26b775d3]{width:10px;height:10px;background-color:#212772;border-radius:50%;position:absolute;left:-5px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.coffee .lee-wrap .right-box[data-v-26b775d3]{flex:1;display:flex;overflow:hidden}.coffee .lee-wrap .right-box .main_item[data-v-26b775d3]{padding:10px;background-color:#fff;border-radius:10px}.coffee .lee-wrap .right-box .main_item .main_item_img[data-v-26b775d3]{flex:1;height:70px}.coffee .lee-wrap .right-box .main_item .goods_tips[data-v-26b775d3]{position:absolute;bottom:15px;right:5px;width:15px;height:15px;background-color:#dba871;border-radius:50%;color:#fff;text-align:center;line-height:15px;font-size:10px}.coffee .coffee_carts[data-v-26b775d3]{position:fixed;bottom:0;width:100%;z-index:10076;background-color:#f0f0f1;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.coffee .coffee_carts .carts_icon[data-v-26b775d3]{position:absolute;bottom:-6px;left:10px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 5px 5px 0 rgba(200,199,204,.2)}.coffee .coffee_carts .carts_icon .badge[data-v-26b775d3]{position:absolute;top:0;right:0;width:16px;height:16px;text-align:center;line-height:15px;font-size:12px;background-color:#212772;color:#fff;border-radius:50%}.coffee .coffee_carts .coffee_carts_btn[data-v-26b775d3]{padding:15px 35px;background-color:#212772;color:#fff}.coffee .buy_btn[data-v-26b775d3]{width:100%;height:40px;line-height:40px;text-align:center;background-color:#212772;border-radius:30px;color:#fff}.coffee .good_carts[data-v-26b775d3]{padding:0 0 70px 0} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */body.pages-payOrder-payOrder uni-page-body{background-color:#f4f5f7}body.pages-payOrder-payOrder{background-color:#f4f5f7}.pay_order[data-v-66375e8f]{padding:12px;padding-bottom:100px}.pay_order .pay_order_header[data-v-66375e8f]{padding:12px;background-color:#fff;border-radius:10px}.pay_order .tip_time[data-v-66375e8f], .pay_order .drink_detail[data-v-66375e8f]{border-radius:10px;padding:15px 20px;background-color:#fff}.pay_order .remarks_list[data-v-66375e8f]{width:20%;margin-right:5px;padding:5px;border:1px solid #ddd;text-align:center;border-radius:30px}.pay_order .prompts[data-v-66375e8f]{padding:15px}.pay_order .pay_order_footer[data-v-66375e8f]{box-sizing:border-box;position:fixed;bottom:0;left:0;width:100%;padding:15px;background-color:#fff}.pay_order .pay_order_footer .pay_order_btn[data-v-66375e8f]{width:100%;padding:10px 0;text-align:center;border-radius:30px;background-color:#212772;color:#fff} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */uni-view[data-v-6950c548], uni-scroll-view[data-v-6950c548], uni-swiper-item[data-v-6950c548]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-textarea[data-v-6950c548]{border-radius:4px;background-color:#f8f8f8;position:relative;display:flex;flex-direction:row;flex:1;padding:9px}.u-textarea--radius[data-v-6950c548]{border-radius:4px}.u-textarea--no-radius[data-v-6950c548]{border-radius:0}.u-textarea--disabled[data-v-6950c548]{background-color:#f5f7fa}.u-textarea__field[data-v-6950c548]{flex:1;font-size:15px;color:#606266;width:100%}.u-textarea__count[data-v-6950c548]{position:absolute;right:5px;bottom:2px;font-size:12px;color:#909193;background-color:#f8f8f8;padding:1px 4px} /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能 * * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */body.pages-payOrder-orderDetail uni-page-body{background-color:#f4f5f7}body.pages-payOrder-orderDetail{background-color:#f4f5f7}.order_detail[data-v-43cc4799]{padding:30px 12px 12px}.order_detail .detail_header[data-v-43cc4799]{text-align:center}.order_detail .detail_header .detail_header_btn[data-v-43cc4799]{margin:0 auto;width:20%;padding:8px 10px;border:1px solid #6e6e6e;border-radius:30px}.order_detail .detail_header .active_heder_btn[data-v-43cc4799]{border:1px solid #0921a4;color:#0921a4}.order_detail .order_detail_header[data-v-43cc4799]{padding:12px;background-color:#fff;border-radius:10px}.order_detail .img_link[data-v-43cc4799]{width:100%;height:120px;border-radius:10px}.order_detail .qrcode[data-v-43cc4799]{width:150px;height:150px} .a-anchor { text-decoration: none; /* 去除下划线 */ color: inherit; /* 继承父元素的颜色 */ /* 可以根据需要添加其他样式，如字体大小、边框等 */ } .a-anchor:hover, .a-anchor:focus { /* 去除悬停和聚焦时的默认样式 */ text-decoration: none; outline: none; color: inherit; } /* 放大字母的容器 */ .zoom-letter-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 100px; color: rgba(0, 0, 0, 0.6); /* 半透明效果 */ transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; /* 防止点击干扰 */ opacity: 1; z-index: 999999; } .hidden { display: none; } .showtoast { position: fixed; top: 40%; left: 10%; width: 76%; height: 1.5em; padding: 0.55em 2% 0.45em 2%; background-color: RGBA(0,0,0,0.5); color: #fff; border-radius: 0.5em; text-align: center; font-size: 1em; z-index: 3; } /* 加载中容器 */ .loading-container { position: fixed; /* 固定在屏幕上 */ top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(255, 255, 255, 1); /* 半透明背景 */ z-index: 1000; /* 确保在最上层 */ font-family: Arial, sans-serif; color: #333; } /* 加载动画 */ .loader { border: 8px solid #f3f3f3; /* 浅灰色边框 */ border-top: 8px solid #3498db; /* 蓝色边框 */ border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite; /* 旋转动画 */ } /* 旋转动画 */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 页面内容 */ .content { padding: 20px; text-align: center; font-family: Arial, sans-serif; color: #333; } .goods_spill_notify{ color: #999999; } .quantity-control { display: flex; align-items: center; justify-content: center; gap: 10px; /* 按钮和数量之间的间距 */ } .quantity-btn { width: 30px; height: 30px; border-radius: 50%; /* 圆形背景 */ background-color: #f0f0f0; /* 浅色背景 */ display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; transition: background-color 0.3s ease; } .quantity-btn:hover { background-color: #e0e0e0; /* 鼠标悬停时背景色变化 */ } .symbol { font-size: 20px; font-weight: bold; color: #333; /* 深色符号 */ } .quantity-text { font-size: 16px; font-weight: 600; color: #333; /* 数量文本颜色 */ margin: 0 15px; } /* 底部按钮容器 */ .bottom-cart { position: fixed; bottom: 25px; left: 10px; display: flex; align-items: center; gap: 10px; /* 按钮之间的间距 */ z-index: 1000; /* 确保按钮在最上层 */ } /* 底部按钮容器 */ .bottom-checkout { min-width: 150px; position: fixed; bottom: 22px; right: 20px; display: flex; align-items: center; gap: 10px; /* 按钮之间的间距 */ z-index: 1000; /* 确保按钮在最上层 */ animation: pulse 1s infinite; /* 应用动画 */ } /* 定义放大缩小动画 */ @keyframes pulse { 0% { transform: scale(1); /* 初始大小 */ } 50% { transform: scale(1.1); /* 放大到 1.1 倍 */ } 100% { transform: scale(1); /* 恢复初始大小 */ } } /* 购物车按钮 */ .cart-btn { width: 60px; height: 60px; border-radius: 50%; /* 圆形按钮 */ background-color: #fff; /* 白色背景 */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */ display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.3s ease; } .cart-btn:hover { background-color: #f0f0f0; /* 鼠标悬停时背景色变化 */ } .cart-btn .icon-cart { font-size: 24px; color: #333; /* 图标颜色 */ } /* 红色小圆字 */ .cart-badge { position: absolute; /* 绝对定位 */ top: 0; right: 0; min-width: 18px; height: 18px; padding: 2px; border-radius: 50%; /* 圆形 */ background-color: #ff0000; /* 红色背景 */ color: #fff; /* 白色文字 */ font-size: 12px; font-weight: 600; display: flex; align-items: center; justify-content: center; } /* 结算按钮容器 */ .checkout-btn-container { position: fixed; bottom: 20px; left: 20px; /* 靠左显示 */ z-index: 1000; /* 确保按钮在最上层 */ } /* 结算按钮样式 */ .checkout-btn { padding: 12px 24px; border-radius: 25px; /* 圆角按钮 */ background-color: #044e9e; /* 浅蓝色背景 */ color: #fff; /* 白色文字 */ font-size: 24px; font-weight: 600; cursor: pointer; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影效果 */ transition: background-color 0.3s ease; } .checkout-btn:hover { background-color: #0056b3; /* 鼠标悬停时背景色变化 */ } /* 数量选择器容器 */ .cart-quantity-control { margin-left: auto; align-items: center; justify-content: flex-end; /* 靠右对齐 */ } .cart_item_img{ height:80px; width: 80px } .selected-btn, .switch-btn { padding: 4px 8px; border: none; border-radius: 22px; cursor: pointer; } .selected-btn { background-color: #e0f7fa; color: #00796b; } .switch-btn { background-color: #f0f4c3; color: #827717; }