front/java-mall-app
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
main
java-mall-app/App.vue

4107 lines
76 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<script>
import Config from "./config/config";
import Vue from "vue";
import { mapMutations, mapState } from "vuex";
// 引入检查更新模块
// #ifdef APP-PLUS
let jyappEvents = uni.requireNativePlugin("JY-FaceBookAppEvents");
if (typeof jyappEvents != "undefined") {
}
// #endif
export default {
data() {
return {
options: {},
};
},
computed: mapState([
"Config",
"StateCode",
"notice",
"plantformInfo",
"shopInfo",
"userInfo",
"hasLogin",
"forcedLoginState",
]),
onLaunch: async function (options) {
if (options.query.ucccode) {
uni.setStorageSync("source_ucc_code", options.query.ucccode);
}
if (options.query.uid) {
uni.setStorageSync("activity_id", options.query.activity_id);
}
// 处理扫码进入小程序的场景
if (options.url === 'pagesub/index/store') { // 修复拼写错误：options.url
let sceneParams = '';
// 情况1：优先解析 scene 参数（扫码带参数场景）
if (options.query.scene) {
sceneParams = decodeURIComponent(options.query.scene);
}
// 情况2：如果无 scene，但直接传了 store_id
else if (options.query.store_id || options.store_id) {
sceneParams = `store_id=${options.query.store_id}`;
}
// 只有拿到有效参数时才跳转
if (sceneParams) {
wx.navigateTo({
url: `/${options.path}?${sceneParams}` // 例如：/pages/store?id=123
});
} else {
// 处理无参数情况（例如跳转默认页或报错）
console.error('错误：未找到 store_id 参数');
wx.switchTab({ url: '/pages/index/index' }); // 示例：强制跳转到首页
}
}
let that = this;
uni.getSystemInfo({
success: function (e) {
//console.log(e); //获取到的res的值
/*
{ SDKVersion: "2.9.2" //客户端基础库版本
batteryLevel: 100 //
benchmarkLevel: 1 //基准水平
brand: "devtools" //手机品牌
devicePixelRatio: 2 //分辨率
errMsg: "getSystemInfo:ok"
fontSizeSetting: 16 //用户设置字体大小 （px）
language: "zh" //应用设置语言
model: "iPhone 6/7/8" //手机型号
pixelRatio: 2 //设备像素比
platform: "devtools" //客户端平台 ios android
safeArea: {right: 375, bottom: 667, left: 0, top: 20, width: 375}
safeAreaInsets: {top: 20, left: 0, right: 0, bottom: 0}
screenHeight: 667 //屏幕高度
screenWidth: 375 //屏幕宽度
statusBarHeight: 20 //状态栏高度
system: "iOS 10.0.1" //操作系统版本
version: "7.0.4" //版本号
windowHeight: 667 //可使用窗口高度
windowWidth: 375 //可使用窗口宽度
}
*/
Vue.prototype.statusBar = e.statusBarHeight;
//console.log(e.statusBarHeight)
// #ifndef MP
if (e.platform == "android") {
Vue.prototype.customBar = e.statusBarHeight + 50;
} else {
Vue.prototype.customBar = e.statusBarHeight + 45;
}
// #endif
// #ifdef MP-WEIXIN
let custom = wx.getMenuButtonBoundingClientRect();
console.log(custom);
//以屏幕左上角为原点，获取到的信息
/*
{
bottom: 58
height: 32
left: 278
right: 365
top: 26
width: 87
}
*/
Vue.prototype.customBar =
custom.bottom + custom.top - e.statusBarHeight;
// #endif
// #ifdef MP-ALIPAY
Vue.prototype.customBar = e.statusBarHeight + e.titleBarHeight;
// #endif
},
});
try {
if (uni.getStorageSync("selang")) {
} else {
const res = uni.getSystemInfoSync();
//console.log(res.model);
//console.log(res.pixelRatio);
//console.log(res.windowWidth);
//console.log(res.windowHeight);
//console.log(res.language);
//console.log(res.version);
//console.log(res.platform);
//如果不在允许的语言内，可重置
uni.setStorageSync("selang", res.language);
}
} catch (e) {
// error
}
this.__("首页");
this.__("分类");
this.__("社区");
this.__("购物车");
this.__("我的");
that.reloadLang();
that.resetLang();
await this.$store.dispatch(`getSysInfo`, function (plantformInfo) {
that.$isResolve();
});
// app打开时先检查是否有更新记录（更新记录会被保存在storage中）
// 更新记录的内容为 { 更新标记, 安装包位置 }
// 如果存在更新记录，且更新标记（complete=true）则删除上次使用过的安装包，达到存储释放空间的目的
// 如果存在更新记录，且更新标记（complete=false）则进行安装更新 - 2019年3月27日 新增强制更新内容
// #ifdef APP-PLUS
/*
plus.screen.lockOrientation('portrait-primary') //竖屏正方向锁定
const updated = uni.getStorageSync('updated') // 尝试读取storage
if (updated.completed === true) { // 如果上次刚更新过
// 删除安装包及安装记录
//console.log('安装记录被删除，更新成功')
uni.removeSavedFile({
filePath: updated.packgePath,
success: (res) => {
uni.removeStorageSync('updated')
}
})
} else if (updated.completed === false) {
uni.removeStorageSync('updated')
plus.runtime.install(updated.packgePath, { force: true })
uni.setStorage({
key: 'updated',
data: {
completed: true,
packgePath: updated.packgePath
},
success: (res) => {
//console.log('成功安装上次的更新，应用需要重启才能继续完成')
}
})
uni.showModal({
title: '提示',
content: '应用将重启以完成更新',
showCancel: false,
complete: () => {
plus.runtime.restart()
}
})
} else {
// 检查更新，参数：{ 当前版本号，跳转到更新页面的url }
checkUpdater(this.$current.id, '../index/update')
}
*/
// #endif
// #ifdef APP-PLUS
var server = Config.URL.update_app; //检查更新地址
var req = {
//升级检测数据
appid: plus.runtime.appid,
version: plus.runtime.version,
};
uni.request({
url: server,
data: req,
success: (result) => {
if (
result.statusCode === 200 &&
result.data.status === 200 &&
result.data.data.status
) {
uni.showModal({
//提醒用户更新
title: that.__("更新提示"),
content: result.data.data.note,
success: (res) => {
if (res.confirm) {
//plus.runtime.openURL(data.url);
// 应用内下载app
uni.downloadFile({
url: result.data.data.url,
success: (res) => {
if (res.statusCode === 200) {
// 调用第三方程序打开指定的临时文件
plus.runtime.openFile(res.tempFilePath, {}, function () {
uni.showToast({
title: that.__("安装失败"),
duration: 2000,
});
});
}
},
});
}
},
});
}
},
});
// #endif
if (this.hasLogin) {
await this.$store.dispatch(`getCartList`, function (cartList) {});
this.checkNewMsg();
var a = setInterval(() => {
this.checkNewMsg();
}, 1e3 * 60);
}
},
onShow: async function () {
let that = this;
console.info("app onShow");
await this.$onLaunched;
setTimeout(() => {
this.getPlantformInfo(function (plantformInfo) {
if (
that.hasLogin &&
that.userInfo.im &&
that.plantformInfo.config.chat_global
) {
console.info("app socket connectserver");
that.$Socket.connectserver(that.userInfo.im);
}
});
}, 300);
},
onHide: function () {
//console.log('App Hide')
},
onTabItemTap(e){
console.log("没有触发",e)
},
methods: {
...mapMutations([
"logout",
"getPlantformInfo",
"forceUserInfo",
"getUserInfo",
"showCartNum",
"reloadUserResource",
"setMsgNum",
]),
parseScene(scene) {
// 解析scene参数，如"page=pages/detail/index&id=123"
const params = {};
scene.split('&').forEach(item => {
const [key, value] = item.split('=');
params[key] = value;
});
return params;
},
/*
setData : function (params) {
for (let x in params) {
this[x] = params[x];
}
},
*/
reloadLang: function (e) {
var that = this;
that.$.request({
url: this.Config.URL.listTranslateLang,
data: {},
loading: false,
ajaxCache: {
timeout: that.Config.CACHE_EXPIRE,
},
success: function (data, status, msg, code) {
for (var key in data) {
let tmp_lang = key.replace("_", "-");
console.info(tmp_lang);
that.Lang.G[tmp_lang] = Object.assign(
that.Lang.G[tmp_lang] || {},
data[key]
);
}
console.info(that.Lang);
that.resetLang();
},
});
},
checkNewMsg: function () {
if (this.hasLogin) {
} else {
return;
}
let pages = getCurrentPages();
let curPage = pages[pages.length - 1];
if (curPage) {
console.info(curPage.route);
if ("pagesub/webpage/web" == curPage.route) {
return;
}
if (
this.$.inArray(
[
"pagesub/webpage/web",
"pagesub/uLive/subnvue/live",
"pagesub/uLive/subnvue/push",
],
curPage.route
)
) {
return;
}
}
// 统计一下未读的消息
var that = this;
var params = {
recently_flag: 1,
};
//领取操作
that.$.request({
url: that.Config.URL.user.msg_count,
loading: false,
data: params,
success: function (data, status, msg, code) {
if (status == 200) {
that.setMsgNum(data.num);
if (data.num > 0) {
if (
!data.msg_row ||
(data.msg_row && 1 == data.msg_row.message_type)
) {
/*
uni.showModal({
title: '提示',
content: '您有系统消息未读',
success: function (res) {
if (res.confirm) {
that.$.gopage('/member/member/message')
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
*/
} else {
uni.showModal({
title: that.$.sprintf("%s", data.msg_row.user_other_nickname),
content: that.$.sprintf("发来消息， 是否接入聊天？"),
success: function (res) {
if (res.confirm) {
//设置所有当前用户消息为已读
if (data.msg_row.user_other_id) {
//领取操作
let tmp_params = {
user_other_id: data.msg_row.user_other_id,
};
that.$.request({
url: that.Config.URL.user.msg_set_read,
data: tmp_params,
success: function (
tmp_data,
tmp_status,
tmp_msg,
tmp_code
) {
if (tmp_status == 200) {
var perm_id = that.$.getStorageSync("uid");
var perm_key = that.$.getStorageSync("ukey");
var name = data.msg_row.user_other_nickname;
var user_other_id = data.msg_row.user_other_id;
/*
var appurl = that.$.sprintf(
"%s/wap/im.html?item_id=%s&user_other_id=%s&puid=%s&name=%s&avatar=%s&uid=%s&ukey=%s", that.Config.fileBasePath, 0, user_other_id, data.msg_row.puid, encodeURIComponent(name), encodeURIComponent(that.userInfo.user_avatar), perm_id, encodeURIComponent(perm_key))
that.$.gopage(
'/pagesub/webpage/web?u=' +
encodeURIComponent(appurl) +
'&tn=' + name
);
*/
var appurl = that.$.sprintf(
"/im/chat/chat?uid=%s",
user_other_id
);
that.$.gopage(appurl);
}
},
});
}
} else if (res.cancel) {
console.log("用户点击取消");
}
},
});
}
}
} else {
that.setMsgNum(0);
}
},
});
},
},
};
</script>
<style lang="scss">
/*每个页面公共css */
@import "./styles/_variables.scss";
/*@include base(350);*/
@import "./styles/animate.min.css";
@import "./styles/iconfont.css";
@import "./styles/zerocons.css";
@import "./styles/colorui/icon.css";
@import "./styles/iconfontAili.css";
/* #ifndef APP-PLUS-NVUE */
/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
@import "./styles/uni.css";
/* H5 兼容 pc 所需 */
/* #ifdef H5 */
@media screen and (min-width: 768px) {
body {
overflow-y: scroll;
}
}
/* 顶栏通栏样式 */
/* .uni-top-window {
left: 0;
right: 0;
} */
uni-page-body {
background-color: $body-bg !important;
min-height: 100% !important;
/*height: auto !important;*/
}
.m-cells::after {
border: none !important;
}
.uni-top-window uni-tabbar .uni-tabbar {
background-color: #fff !important;
}
.uni-app--showleftwindow .hideOnPc {
display: none !important;
}
/* #endif */
/* #endif*/
.status_bar {
height: var(--status-bar-height);
width: 100%;
}
.top_view {
height: var(--status-bar-height);
width: 100%;
position: fixed;
top: 0;
}
.m-RichText {
box-sizing: border-box;
clear: both;
width: 100%;
overflow: hidden;
word-break: break-word;
img {
max-width: 100% !important;
}
rich-text {
max-width: 100% !important;
}
}
/*页面重置样式 start*/
page {
background-color: $body-bg;
font-family: PingFangSC-Regular, PingFang SC, -apple-system-font,
Helvetica Neue, Helvetica, sans-serif;
height: 100%;
font-size: 28rpx;
line-height: 1.8;
}
.page-container {
padding: 20rpx;
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*页面重置样式 start*/
/*buttom start*/
.u-btn {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
padding: 0 28rpx;
box-sizing: border-box;
font-size: 16px;
text-align: center;
line-height: 2.55555556;
}
.default-color {
color: $default-skin-bg;
}
.main-color {
color: $main-skin-color;
}
.u-btn-default {
background-color: $default-skin-bg;
color: #fff;
margin: 20rpx 20rpx;
border-radius: 10rpx;
}
.u-btn-secondary {
background-color: #fff;
color: $default-skin-bg;
border: 2rpx solid $default-skin-bg;
margin: 20rpx 20rpx;
border-radius: 10rpx;
}
.btn-gray {
background: #b0b0b0;
border-color: #b0b0b0;
color: #fff;
&:hover {
background-color: #757575;
border-color: #757575;
color: #fff;
}
}
.btn-primary {
background: $default-skin-bg;
border-color: $default-skin-bg;
color: #fff;
&:hover {
background-color: #f25807;
border-color: #f25807;
color: #fff;
}
}
.btn-green {
background: #83c44e;
border-color: #83c44e;
color: #fff;
&:hover {
background-color: #71b639;
border-color: #71b639;
color: #fff;
}
}
.btn-orange {
background: #ffac13;
border-color: #ffac13;
color: #fff;
&:hover {
background-color: #ff920f;
border-color: #ff920f;
color: #fff;
}
}
.btn-gold {
background: #ffd600;
border-color: #ffd600;
color: #fff;
&:hover {
background-color: #fec517;
border-color: #fec517;
color: #fff;
}
}
.btn-ocean {
background: #2196f3;
border-color: #2196f3;
color: #fff;
&:hover {
background-color: #0c80dc;
border-color: #0c80dc;
color: #fff;
}
}
.btn-blue {
background: #545ad0;
border-color: #545ad0;
color: #fff;
&:hover {
background-color: #494fc5;
border-color: #494fc5;
color: #fff;
}
}
.btn-red {
background: #e53935;
border-color: #e53935;
color: #fff;
&:hover {
background-color: #e42a27;
border-color: #e42a27;
color: #fff;
}
}
.btn-purple {
background: #a31daf;
border-color: #a31daf;
color: #fff;
&:hover {
background-color: #9715a2;
border-color: #9715a2;
color: #fff;
}
}
.btn-pink {
background: #f93e7a;
border-color: #f93e7a;
color: #fff;
&:hover {
background-color: #e9306c;
border-color: #e9306c;
color: #fff;
}
}
.btn-cyan {
background: #00c0a5;
border-color: #00c0a5;
color: #fff;
&:hover {
background-color: #03b3ad;
border-color: #03b3ad;
color: #fff;
}
}
.btn-line-gray {
border-color: #b0b0b0;
background: #fff;
color: #757575;
&:hover {
color: #fff;
background-color: #757575;
border-color: #757575;
}
}
.btn-line-primary {
border-color: $btn-primary-border;
background: #fff;
color: $btn-primary-bg;
border: 2rpx solid $btn-primary-border;
margin: 20rpx 40rpx;
border-radius: 8rpx;
&:hover {
/* color: #fff;
background-color: darken($btn-primary-bg, 10%);
border-color: darken($btn-primary-border, 12%);*/
}
}
.btn-line-green {
border-color: #83c44e;
background: #fff;
color: #83c44e;
&:hover {
color: #fff;
background-color: #71b639;
border-color: #71b639;
}
}
.btn-line-orange {
border-color: #ffac13;
background: #fff;
color: #ffac13;
&:hover {
color: #fff;
background-color: #ff920f;
border-color: #ff920f;
}
}
.btn-line-gold {
border-color: #ffd600;
background: #fff;
color: #ffd600;
&:hover {
color: #fff;
background-color: #fec517;
border-color: #fec517;
}
}
.btn-line-ocean {
border-color: #2196f3;
background: #fff;
color: #2196f3;
&:hover {
color: #fff;
background-color: #0c80dc;
border-color: #0c80dc;
}
}
.btn-line-blue {
border-color: #545ad0;
background: #fff;
color: #545ad0;
&:hover {
color: #fff;
background-color: #494fc5;
border-color: #494fc5;
}
}
.btn-line-red {
border-color: #e53935;
background: #fff;
color: #e53935;
&:hover {
color: #fff;
background-color: #e42a27;
border-color: #e42a27;
}
}
.btn-line-purple {
border-color: #a31daf;
background: #fff;
color: #a31daf;
&:hover {
color: #fff;
background-color: #9715a2;
border-color: #9715a2;
}
}
.btn-line-pink {
border-color: #f93e7a;
background: #fff;
color: #f93e7a;
&:hover {
color: #fff;
background-color: #e9306c;
border-color: #e9306c;
}
}
.btn-line-cyan {
border-color: #00c0a5;
background: #fff;
color: #00c0a5;
&:hover {
color: #fff;
background-color: #03b3ad;
border-color: #03b3ad;
}
}
.u-btn-default:active {
background-color: $default-skin-bg-active;
}
.u-btn-disabled {
background-color: $default-skin-bg-disabled;
color: $default-skin-text-color-disabled;
margin: 20rpx 40rpx;
border-radius: 8rpx;
}
.u-link-btn {
display: inline-block;
padding: 10rpx;
border: 1px solid $default-skin-bg;
font-size: 28rpx;
color: $default-skin-bg;
border-radius: 12rpx;
}
/*
form button {
background-color: #fff;
}
*/
/*buttom end*/
/*单选列表样式 start*/
.m-check-label {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.m-check {
position: absolute;
left: -9999em;
}
.m-icon-checked {
display: inline-block;
vertical-align: middle;
font: normal normal normal 14px/1 "weui";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.m-check-label {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
&:active {
background-color: #ececec;
}
}
.m-cells-checkbox .m-cell-hd {
padding-right: 12rpx;
}
/*单选列表样式 end*/
/*列表布局 start*/
.m-cells-title {
color: #888;
font-size: 14px;
margin-top: 20rpx;
margin-bottom: 8rpx;
padding-left: 30rpx;
padding-right: 30rpx;
}
.m-cells {
background-color: #ffffff;
line-height: 1.41176471;
font-size: 17px;
overflow: hidden;
position: relative;
border-radius: 12rpx;
/*
&::before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
*/
&::after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
.m-cells-tips {
margin-top: 0.3em;
color: #999999;
padding-left: 30rpx;
padding-right: 30rpx;
font-size: 14px;
}
.m-cell {
padding: 20rpx 30rpx;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
line-height: 60rpx;
/*
&::before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
left: 30rpx;
}
*/
}
.m-cell-bd {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.m-cell-ft {
text-align: right;
color: #999999;
}
.m-cell-link {
color: #586c94;
font-size: 14px;
}
.m-cell-access .m-cell-ft {
/*
&:after {
content: " ";
display: inline-block;
height: 12rpx;
width: 12rpx;
width: 14rpx !important;
height: 24rpx !important;
border-style: none !important;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAAXNSR0IArs4c6QAAAfVJREFUOE+NlMFrU0EQxr95LyKC/lWxwUIPgexuEQ9FFJRCKbUXUbyI4qFFDyIeigfxEB+LyUtyCNSTnvQQvVSESlSwQg8VStNowiaMbNiE1byX17k83s789pudmV2SUj4AsMLMcbfbvdJsNvs4gZGUsgPgrIvdBlDUWv/JYkkI8ZCI1rzANwAWtNbHs2ACYFUfAVj1At8ZY+bjOD5Mgy04MnfWm17gh8FgUKhWq7+S4AlonUqpO8x81wvcATCntd7/H/4HdPA6M2/YI7jg3eFwmK9UKns+PAVapxBimYgeAwhc8DcAea21/Y4sEXTwZSLaAhDaf2beC8MwH0XR7kzQOkul0sUgCJ4DOOWE9oMgmIuiaCdVcZySUqrIzC8BnHZrB2EYFjJBl/Y8Eb0CcMbBX08ESikXAbzwUv6cCSqllpj52bhIAH7aCs8ElVLXmfmJ15bvrqfpqUopbwDYHLeMmb8YY/K1Wu1HajuklLcB3PMm5ROA8/7oTaUqhLhPRLc86GMulyuUy+WD1JFLuJvvjTEXkq7XWJGUUk+Z+Zq369t+v79Qr9ftCzFl9hKHttxEtOR5X/d6vWKj0fidBI2Ko5TaYuark6knanQ6HZn1aFnFIwDnRrsQ6Xa7fanVapk0pYmAEGKdiFaJKGbmNa31MAuy/r9SDskpsE/LwAAAAABJRU5ErkJggg==');
background-size: 14rpx 24rpx;
background-repeat: no-repeat;
position: relative;
top: -4rpx;
position: absolute;
top: 50%;
margin-top: -5rpx;
}
*/
&:after {
content: " ";
display: inline-block;
height: 12rpx;
width: 12rpx;
border-width: 4rpx 4rpx 0 0;
border-color: #999999;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -4rpx;
position: absolute;
top: 50%;
margin-top: -5rpx;
/*right: 4rpx;*/
}
padding-right: 13px;
position: relative;
}
.m-cell-default-icon {
width: 40rpx;
height: 40rpx;
vertical-align: middle;
margin-right: 10rpx;
}
/*列表布局 end*/
/*from 表单 start*/
.m-cells-form {
font-size: 14px;
}
.u-label {
display: block;
width: 210rpx;
word-wrap: break-word;
word-break: break-all;
}
.u-input {
width: 100%;
border: 0;
outline: 0;
-webkit-appearance: none;
background-color: transparent;
font-size: inherit;
display: flex;
margin: auto;
}
.m-input label {
color: #888;
}
.m-vcode-btn {
display: inline-block;
height: 88rpx;
margin-left: 10rpx;
padding: 0 0.6em 0 0.7em;
border-left: 1px solid #e5e5e5;
line-height: 88rpx;
vertical-align: middle;
font-size: 16px;
color: #3cc51f;
}
.m-cell-vcode {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
.m-vcode-img {
margin-left: 10rpx;
height: 88rpx;
width: 216rpx;
vertical-align: middle;
}
/*.m-cell-warn {color: #E64340;}*/
.m-icon-warn {
position: absolute;
top: 50%;
right: 20rpx;
margin-top: -23rpx;
}
/*from 表单 end*/
/*switch start*/
.u-switch {
-webkit-appearance: none;
appearance: none;
position: relative;
width: 52px;
height: 32px;
border: 1px solid #dfdfdf;
outline: 0;
border-radius: 16px;
box-sizing: border-box;
background-color: #dfdfdf;
/* #ifndef APP-PLUS-NVUE */
-webkit-transition: background-color 0.1s, border 0.1s;
transition: background-color 0.1s, border 0.1s;
/* #endif */
&::before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 30px;
border-radius: 15px;
background-color: #fdfdfd;
/* #ifndef APP-PLUS-NVUE */
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1),
-webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
/* #endif */
}
&::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
border-radius: 15px;
background-color: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
/* #ifndef APP-PLUS-NVUE */
-webkit-transition: -webkit-transform 0.35s
cubic-bezier(0.4, 0.4, 0.25, 1.35);
transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35),
-webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
/* #endif */
}
}
.u-switch-checked {
border-color: #04be02;
background-color: #04be02;
&:before {
-webkit-transform: scale(0);
transform: scale(0);
}
&:after {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
/*switch end*/
/*textarea start*/
.u-textarea {
display: block;
border: 0;
width: 100%;
height: 100rpx;
font-size: 1em;
line-height: inherit;
}
.u-textarea-counter {
color: #b2b2b2;
text-align: right;
}
.u-cell-warn .u-textarea-counter {
color: #e64340;
}
/*textarea end*/
/*select start*/
.m-cell-select {
padding: 0 30rpx;
.u-select {
padding-right: 30px;
}
.m-cell-bd::after {
content: " ";
display: inline-block;
height: 12rpx;
width: 12rpx;
border-width: 4rpx 4rpx 0 0;
border-color: #ebebe7;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
right: 30rpx;
margin-top: -6rpx;
}
}
.u-select {
-webkit-appearance: none;
border: 0;
outline: 0;
background-color: transparent;
width: 100%;
font-size: inherit;
height: 88rpx;
line-height: 88rpx;
position: relative;
z-index: 1;
padding-left: 30rpx;
}
.m-cell-select-before {
padding-right: 30rpx;
.u-select {
width: 210rpx;
box-sizing: border-box;
}
.m-cell-bd {
position: relative;
&:after {
content: " ";
position: absolute;
right: 0;
top: 0;
width: 1px;
bottom: 0;
border-right: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
&:before {
content: " ";
display: inline-block;
height: 6px;
width: 6px;
border-width: 2px 2px 0 0;
border-color: #ebebe7;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
position: relative;
top: -2px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
}
padding-left: 15px;
&:after {
display: none;
}
}
}
.m-cell-select-after {
padding-left: 15px;
.u-select {
padding-left: 0;
}
}
/*select end*/
/*flex 布局 start*/
.g-flex {
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.g-flex-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
/*flex 布局 end*/
/*grid 布局 start*/
.g-grids {
position: relative;
overflow: hidden;
&:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
&:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 1px;
bottom: 0;
border-left: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
}
.g-grid {
position: relative;
float: left;
padding: 20px 10px;
width: 33.33333333%;
box-sizing: border-box;
&:before {
content: " ";
position: absolute;
right: 0;
top: 0;
width: 1px;
bottom: 0;
border-right: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
&:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #ebebe7;
color: #ebebe7;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
/*.g-grid:active {background-color: #ECECEC;}*/
.g-grid-icon {
width: 56rpx;
height: 56rpx;
margin: 0 auto;
image {
display: block;
width: 100%;
height: 100%;
}
}
.g-grid-label {
display: block;
text-align: center;
color: #000000;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
/*grid 布局 end*/
/*loading start*/
.m-loading-box {
margin-top: 40rpx;
}
.u-loadmore {
width: 65%;
margin: 1.5em auto;
line-height: 1.6em;
font-size: 14px;
text-align: center;
padding-bottom: 40rpx;
}
.u-loadmore-tips {
display: inline-block;
vertical-align: middle;
margin-left: 10rpx;
}
.u-loadmore-line {
border-top: 1px solid #e5e5e5;
margin-top: 50rpx;
.u-loadmore-tips {
position: relative;
top: -0.9em;
padding: 0 0.55em;
background-color: #f8f8f8;
color: #999999;
}
padding-bottom: 40rpx;
}
.u-loadmore-dot .u-loadmore-tips {
padding: 0 0.16em;
&:before {
content: " ";
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #e5e5e5;
display: inline-block;
position: relative;
vertical-align: 0;
top: -0.16em;
}
}
.u-loading {
width: 34rpx;
height: 34rpx;
display: inline-block;
vertical-align: middle;
//background: transparent url(data:image/gif;base64,R0lGODlhDgAOAKIAAP///+/v797e3r29vTHOAP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAFACwAAAAADgAOAAADK1i6APuwwRWCkmWMV63UG2ct2mQ+QipM4KCuUHvOJRnaWwk+dX/Hv1PtkQAAIfkEBQcABQAsAAAAAAwACAAAAxpYuhH7zEEhVFMAKFpv1lu1ZFCpDOhgFqlqJgAh+QQFBwAFACwCAAAADAAIAAADGlhaIvurwTKGkiUEVa3UG2ct2mSeCqAC5wokACH5BAUHAAUALAYAAAAIAAwAAAMaOFPc2m4VIdijFVLIe/gBBIYdBADdiXInkwAAIfkEBQcABQAsBgACAAgADAAAAxtYWjOrzb32qhVYvKztC8ECAAUYFqMCKmnVPgkAIfkEBQcABQAsAgAGAAwACAAAAxtYujo+jD0YawGACbFwDkGxcVdWgMpWoZbCMgkAIfkEBQcABQAsAAAGAAwACAAAAxoICtXei71JawhvDHexEIW2FVfzNRp1ViboJAAh+QQJBwAFACwAAAAADgAOAAADH1i63P4KAMjkpPHiHXrA3reNiyBs5jkMkKmsI7zJTAIAOw==) no-repeat;
background: transparent
url(data:image/gif;base64,R0lGODlhDgAOAKIAAP///+/v797e3r29vTHOAP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAFACwAAAAADgAOAAADK1i6APuwwRWCkmWMV63UG2ct2mQ+QipM4KCuUHvOJRnaWwk+dX/Hv1PtkQAAIfkEBQcABQAsAAAAAAwACAAAAxpYuhH7zEEhVFMAKFpv1lu1ZFCpDOhgFqlqJgAh+QQFBwAFACwCAAAADAAIAAADGlhaIvurwTKGkiUEVa3UG2ct2mSeCqAC5wokACH5BAUHAAUALAYAAAAIAAwAAAMaOFPc2m4VIdijFVLIe/gBBIYdBADdiXInkwAAIfkEBQcABQAsBgACAAgADAAAAxtYWjOrzb32qhVYvKztC8ECAAUYFqMCKmnVPgkAIfkEBQcABQAsAgAGAAwACAAAAxtYujo+jD0YawGACbFwDkGxcVdWgMpWoZbCMgkAIfkEBQcABQAsAAAGAAwACAAAAxoICtXei71JawhvDHexEIW2FVfzNRp1ViboJAAh+QQJBwAFACwAAAAADgAOAAADH1i63P4KAMjkpPHiHXrA3reNiyBs5jkMkKmsI7zJTAIAOw==)
no-repeat;
background-size: 100%;
}
/*Panel start*/
.m-panel {
background-color: #ffffff;
margin-top: 20rpx;
position: relative;
border-radius: 18rpx;
overflow: hidden;
&:before {
// content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #e5e5e5;
color: #e5e5e5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
&:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #e5e5e5;
color: #e5e5e5;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
.m-panel-hd {
padding: 10px 15px 10px;
font-size: 13px;
position: relative;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #555555;
line-height: 40rpx;
&:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #e5e5e5;
color: #e5e5e5;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
left: 15px;
}
}
.m-media-box {
padding: 15px;
position: relative;
&:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #e5e5e5;
color: #e5e5e5;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
left: 15px;
}
&:first-child:before {
display: none;
}
color: #000000;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*.m-media-box:active {background-color: #ECECEC;}*/
.m-media-box-title {
font-weight: 400;
font-size: 17px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
word-wrap: break-word;
word-break: break-all;
/*
margin-top: 2px;
margin-bottom: 5px;
width: 560rpx;
*/
}
.m-media-box-desc {
color: #999999;
font-size: 13px;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.m-media-box-info {
margin-top: 15px;
padding-bottom: 5px;
font-size: 13px;
color: #cecece;
line-height: 1em;
list-style: none;
overflow: hidden;
}
.m-media-box-info-meta {
float: left;
padding-right: 1em;
font-size: 12px;
}
.m-media-box-info-meta-extra {
padding-left: 1em;
border-left: 1px solid #cecece;
}
.m-media-box-text .m-media-box-title {
margin-bottom: 8px;
}
.m-media-box-appmsg {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
.m-media-box-hd {
margin-right: 0.8em;
width: 80rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
}
.m-media-box-thumb {
width: 100%;
max-height: 100%;
vertical-align: top;
}
.m-media-box-bd {
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
min-width: 0;
}
}
.m-media-box-small-appmsg {
padding: 0;
.weui-cells {
margin-top: 0;
&:before {
display: none;
}
}
}
/*Panel end*/
/*nvabar start*/
.m-navbar {
display: -webkit-box;
display: -webkit-flex;
display: flex;
background-color: #fff;
position: relative;
&:after {
// content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #cccccc;
color: #cccccc;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 3;
}
}
.m-navbar-item {
position: relative;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 20rpx 0;
height: calc(var(--window-top) - 40rpx - 4rpx);
line-height: calc(var(--window-top) - 40rpx - 4rpx);
text-align: center;
font-size: 28rpx;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 2;
&.m-navbar-item-on {
background-color: #eaeaea;
}
&:after {
// content: " ";
position: absolute;
right: 0;
top: 0;
width: 1px;
bottom: 0;
border-right: 1px solid #cccccc;
color: #cccccc;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
&:last-child:after {
display: none;
}
}
/*.m-navbar-item:active {background-color: #ededed;}*/
.m-navbar-item {
height: 48rpx;
line-height: 48rpx;
}
/*nvabar end*/
/*返回顶部&视图切换 start*/
/*nvabar end*/
/*返回顶部&视图切换 start*/
.u-top {
position: fixed;
width: 80rpx;
z-index: 100;
opacity: 0.9;
}
.u-top-default {
position: fixed;
width: 80rpx;
right: 20rpx;
bottom: 20rpx;
z-index: 100;
}
.u-top1 {
}
.u-top1 button {
background-color: transparent;
padding: 0;
}
.u-view {
width: 80rpx;
height: 80rpx;
line-height: 80rpx;
background-color: #fff;
margin: 10rpx 0;
border-radius: 100%;
overflow: hidden;
border: 1px solid #eee;
text-align: center;
}
.u-back {
width: 80rpx;
height: 80rpx;
line-height: 80rpx;
background-color: #fff;
border-radius: 100%;
overflow: hidden;
border: 1px solid #eee;
text-align: center;
font-size: 32rpx;
}
/*返回顶部&视图切换 end*/
/* */
.movableAreaIM {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
pointer-events: none; //设置area元素不可点击，则事件便会下移至页面下层元素
.movableView {
pointer-events: auto; //可以点击
width: 80rpx;
height: 80rpx;
}
}
/* 快捷导航 end */
.movableArea {
position: fixed;
top: 0;
left: 0;
width: 100%;
/* #ifdef MP || APP */
height: calc(100% - 100rpx);
/* #endif */
/* #ifndef MP || APP */
height: calc(100% - 180rpx);
/* #endif */
margin-top: 88rpx;
margin-bottom: 100rpx;
z-index: 98;
pointer-events: none; //设置area元素不可点击，则事件便会下移至页面下层元素
.movableView {
pointer-events: auto; //可以点击
width: 80rpx;
height: 80rpx;
}
}
/*商品列表*/
.m-product-list {
background-color: f8f8f8 !important;
}
.m-product-item {
height: 200rpx;
/*height: 260rpx;*/
/*overflow: hidden;*/
background-color: #fff;
position: relative;
/* margin-top: 10rpx; */
display: flex;
padding: 10rpx;
border-radius: 4rpx;
}
.m-product-item:before {
content: "";
border: none;
}
.m-product-item:after {
// content: ' ';
// position: absolute;
// left: 0;
// bottom: 0;
// right: 0;
// height: 1px;
// border-bottom: 1px solid #ebebe7;
// color: #ebebe7;
// /*transform-origin: 0 100%;*/
// transform: scaleY(0.5);
}
.m-product-item:first-child::before {
content: "";
border: none;
}
.m-product-item:last-child::after {
content: "";
border: none;
}
.m-product-img {
width: 200rpx;
height: 200rpx;
background: #fff;
border-radius: 12rpx;
float: left;
text-align: center;
image {
width: 200rpx;
height: 200rpx;
box-sizing: border-box;
// border-radius: 12rpx;
/*padding: 20rpx;*/
padding: 10rpx;
border-radius: 12rpx;
}
}
.m-product-info {
//height: 210rpx;
width: 538rpx;
float: left;
box-sizing: border-box;
padding: 20rpx 0;
position: relative;
padding: 10rpx 26rpx;
padding: 10rpx 20rpx 10rpx 10rpx;
display: flex;
flex-flow: column;
justify-content: space-between;
/*
&::before {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1rpx;
border-bottom: 1rpx solid #d5d5d5;
color: #CCCCCC;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 3;
}
*/
}
.m-product-item:last-child .m-product-info::before {
// content: "";
// border: none;
}
.m-product-name {
font-size: 28rpx;
line-height: 40rpx;
// height: 130rpx;
box-sizing: border-box;
/*padding-right: 20rpx;*/
position: relative;
label {
height: auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
}
}
/*.m-product-name label{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}*/
.m-product-price {
font-size: 32rpx;
line-height: 52rpx !important;
color: $secondary-skin-color;
label {
font-size: 12px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: $secondary-skin-color;
}
}
.m-listv {
padding: 0 4rpx 0 16rpx;
overflow: hidden;
.m-product-item {
margin: 10rpx;
overflow: hidden;
float: left;
width: 342rpx;
height: 530rpx;
background: #ffffff;
border-radius: 18rpx;
/*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);*/
display: block;
padding: 0;
}
.m-product-item:before {
content: "";
border: none;
}
.m-product-item:after {
content: "";
border: none;
}
.m-product-img {
width: 342rpx;
height: 342rpx;
image {
width: 342rpx;
height: 342rpx;
box-sizing: border-box;
padding: 0;
}
}
.m-product-name {
width: 345rpx;
height: 100rpx;
box-sizing: border-box;
padding: 10rpx 20rpx;
}
.m-product-price {
padding: 0 20rpx;
}
}
.m-min-name {
font-size: 24rpx;
color: #888;
display: block;
}
.m-product-info1 {
/*height: 210rpx;
width: 538rpx;*/
width: 100%;
box-sizing: border-box;
padding: 10rpx;
/*
&::before {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1rpx;
border-bottom: 1rpx solid #d5d5d5;
color: #CCCCCC;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
z-index: 3;
}
*/
}
.m-product-name1 {
font-size: 28rpx;
box-sizing: border-box;
padding-right: 20rpx;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.m-product-price1 {
font-size: 32rpx;
color: $secondary-skin-color;
/*line-height: 40rpx;*/
label {
font-size: 24rpx;
}
.c1 {
position: relative;
width: 40rpx;
height: 40rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/pc1.png)
center no-repeat;
background-size: cover;
}
.c2 {
position: relative;
width: 50rpx;
height: 50rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/pc2.png)
center no-repeat;
background-size: cover;
}
.c3 {
position: relative;
text-align: center;
width: 100rpx;
height: 60rpx;
margin-right: -30rpx;
margin-top: 6rpx;
color: #fff;
font-size: 24rpx;
line-height: 50rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/pc3.png)
center no-repeat;
background-size: cover;
}
.c4 {
position: relative;
text-align: center;
padding: 4rpx 20rpx;
border-radius: 4rpx;
color: #fff;
font-size: 24rpx;
background-color: #db384c;
}
}
.m-listv {
padding: 0 10rpx;
overflow: hidden;
.m-product-name1 {
width: 345rpx;
box-sizing: border-box;
padding: 0 20rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.m-product-price1 {
padding-top: 18rpx;
display: flex;
justify-content: space-between;
}
.num {
display: inline-block;
line-height: 56rpx;
// margin-right: 20rpx;
vertical-align: middle;
}
.introduce {
width: 300rpx;
padding-left: 20rpx;
padding-right: 20rpx;
font-size: 12px;
color: #717171;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.m-product-info1 {
height: 188rpx;
width: 312rpx;
padding: 18rpx 12rpx 18rpx 18rpx;
}
.m-product-info {
height: auto;
padding: 20rpx 0;
}
}
/*商品别表*/
/*购物车加减按钮 start*/
.u-cart-num:after {
content: " ";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 200%;
height: 200%;
border: 1rpx solid #dddddd;
border-radius: 24rpx;
color: #e5e5e5;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
}
.u-cart-num {
display: inline-block;
border: 0rpx solid #e5e5e5;
width: 178rpx;
height: 52rpx;
line-height: 54rpx;
box-sizing: border-box;
margin-top: 15rpx;
text-align: center;
}
.u-num-btn {
float: left;
width: 56rpx;
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
height: 56rpx;
}
.thin-border-right {
height: auto;
line-height: 44rpx;
border-right: 0rpx solid #dddddd;
border-left: 0rpx solid #dddddd;
position: relative;
}
.thin-border-right:after {
content: " ";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 190%;
height: 190%;
border-right: 1rpx solid #dddddd;
color: #e5e5e5;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
}
.thin-border-left {
height: auto;
line-height: 44rpx;
border-right: 0rpx solid #dddddd;
border-left: 0rpx solid #dddddd;
position: relative;
}
.thin-border-left:before {
content: " ";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 190%;
height: 190%;
border-left: 1rpx solid #dddddd;
color: #e5e5e5;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
}
.u-cart-num input {
float: left;
width: 56rpx;
height: 56rpx;
border-left: 0rpx solid #e5e5e5;
border-right: 0rpx solid #e5e5e5;
font-size: 28rpx;
color: #999999;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 40rpx;
}
/*购物车加减按钮 end*/
/*公共界面属性 start*/
.hide {
display: none;
}
/*公共界面属性 end*/
/*清除浮动菜单 start*/
.u-cleanbox {
height: 130rpx;
}
/*清除浮动菜单 end*/
/*设置页面高度 start*/
.u-pa {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 5;
height: 100%;
.m-tab {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 6;
}
.m-product-list {
/*padding-top: 100rpx;*/
padding: 0 10rpx;
}
}
.u-pa1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: $body-bg;
}
/*设置页面高度 end*/
/*空页面 start*/
.m-nullpage {
/*position: absolute;*/
position: relative;
display: table;
width: 100%;
overflow: hidden;
/*height: 100%;*/
height: 720rpx;
text-align: center;
color: #bfbfbf;
.m-nullpage-middle {
display: table-cell;
vertical-align: middle;
/*margin-top: -30rpx;*/
label {
font-size: 32rpx;
line-height: 20rpx;
position: relative;
/*top: -90rpx;*/
}
.iconfont {
font-size: 128rpx;
}
}
.m-null-tip {
/*margin-top: -110rpx;*/
text {
display: block;
font-size: 32rpx;
}
}
}
.m-null-tipck {
color: $default-skin-bg;
}
.m-nullcontent {
position: relative;
display: table;
width: 100%;
overflow: hidden;
text-align: center;
color: #bfbfbf;
margin-top: 260rpx;
.m-nullpage-middle {
display: table-cell;
vertical-align: middle;
label {
font-size: 32rpx;
position: relative;
line-height: 90rpx;
}
.iconfont {
font-size: 128rpx;
}
}
.m-null-tip {
margin-top: -40rpx;
text {
display: block;
font-size: 32rpx;
}
}
}
/*空页面 end*/
/*技术支持 start*/
.m-tips {
font-size: 24rpx;
text-align: center;
color: #bfbfbf;
margin-top: 6px;
}
.m-tips-logo image {
width: 80rpx;
height: 80rpx;
}
/*技术支持 end*/
/*首页新人红包弹窗*/
.msk {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.msk_box {
position: absolute;
top: 27%;
left: 50%;
margin-left: -320rpx;
width: 640rpx;
}
.msk_box_info {
color: #fff;
position: absolute;
right: 100rpx;
top: 200rpx;
width: 220rpx;
text-align: center;
label {
font-size: 90rpx;
font-family: "Century Gothic";
font-weight: bold;
}
}
.btn_receivenow {
position: absolute;
width: 225rpx;
height: 70rpx;
bottom: 88rpx;
left: 212rpx;
}
.btn_cancel {
position: absolute;
width: 40rpx;
height: 40rpx;
top: 0;
right: 15rpx;
border-radius: 100%;
background-color: #fb3842;
color: white;
text-align: center;
font-size: 28rpx;
line-height: 40rpx;
border: 5rpx solid #f19047;
}
/*首页新人红包弹窗*/
/*首页新人领取成功弹窗*/
.msk1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
}
/*.m-coupon-box{position: absolute;left: 50%;top: 50%;margin-top: -500rpx;margin-left:-280rpx;}*/
/*
.m-coupon-box {
position: relative;
bottom: 100rpx;
}
.m-coupon-box-top {
width: 600rpx;
height: 200rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/Coupon_box.png) top no-repeat;
background-size: cover;
margin-bottom: -80rpx;
}
.m-coupon-box-bottom {
width: 600rpx;
height: 280rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/Coupon_box.png) bottom no-repeat;
background-size: cover;
margin-top: -70rpx;
}
.m-coupon-box-content {
width: 496rpx;
max-height: 590rpx;
margin: 0 0 0 48rpx;
background-color: #ffde6a;
position: relative;
z-index: 5;
}
.m-coupon-box-title {
text-align: center;
color: #f54981;
font-size: 30rpx;
}
.m-coupon-box-item {
width: 448rpx;
height: 136rpx;
background-color: #fff;
margin: 10rpx auto;
border-radius: 4rpx;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
}
.m-coupon-box-list {
max-height: 500rpx;
position: relative;
overflow-y: scroll;
}
.m-coupon-box-content::after {
content: "";
position: absolute;
width: 100%;
height: 40rpx;
background: -webkit-linear-gradient(bottom, rgba(255, 222, 106, 1), rgba(255, 222, 106, 0));
bottom: 0;
left: 0;
}
.m-coupon-box-item {
box-sizing: border-box;
padding: 10rpx 30rpx;
label {
display: inline-block;
color: $default-skin-bg;
width: 100%;
font-size: 32rpx;
font-weight: bold;
}
text {
font-size: 24rpx;
line-height: 35rpx;
display: inline-block;
}
}
.m-coupon-box-tip {
font-size: 24rpx;
color: #888;
line-height: 40rpx;
}
*/
.m-coupon-box {
position: relative;
}
.m-coupon-box-top {
width: 600rpx;
height: 220rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/coupon/redbag_double.png)
top no-repeat;
background-size: cover;
}
.m-coupon-box-top2 {
width: 600rpx;
height: 220rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/coupon/redbag_double2.png)
top no-repeat;
background-size: cover;
}
.m-coupon-box-bottom {
width: 600rpx;
height: 120rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/coupon/redbag_double.png)
bottom no-repeat;
background-size: cover;
}
.m-coupon-box-content {
width: 600rpx;
max-height: 400rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/coupon/redbag_double.png)
center no-repeat;
background-size: cover;
}
.m-coupon-box-title {
text-align: center;
color: #f54981;
font-size: 30rpx;
}
.m-coupon-box-item {
width: 460rpx;
height: 170rpx;
background: url(https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/xcxfile/appicon/coupon/coupon_muti.png)
no-repeat;
margin: 10rpx auto;
background-size: contain;
}
.m-coupon-box-list {
max-height: 460rpx;
position: relative;
overflow-y: scroll;
}
.m-coupon-box-item {
box-sizing: border-box;
padding: 10rpx 30rpx;
display: flex;
}
.m-coupon-box-item-left {
width: 26%;
font-size: 40rpx;
color: rgb(191, 14, 36);
display: flex;
align-items: center;
justify-content: center;
}
.m-coupon-box-item-right {
width: 64%;
margin-left: 10%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
label {
font-size: 28rpx;
color: rgb(191, 14, 36);
}
text {
font-size: 24rpx;
color: #999;
margin-top: 8rpx;
}
}
.m-coupon-box-tip {
font-size: 28rpx;
color: #888;
line-height: 40rpx;
}
/*关闭按钮*/
.u-close-btn {
width: 40rpx;
height: 40rpx;
border-radius: 100%;
background-color: black;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20rpx;
bottom: -100rpx;
color: white;
text-align: center;
font-size: 24rpx;
line-height: 40rpx;
}
/*首页新人领取成功弹窗*/
/*分享弹窗 start*/
.shareMsk {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99;
}
.sharebox {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 400rpx;
background-color: #fff;
}
.shareList {
height: 300rpx;
background-color: #f8f8f8;
justify-content: center;
align-items: center;
}
.shareItem {
text-align: center;
vertical-align: middle;
border: none !important;
}
.shareBtn {
display: inline-block;
text-align: center;
}
.shareItem {
.iconfont {
font-size: 40rpx;
width: 100rpx;
height: 100rpx;
background-color: #fff;
line-height: 105rpx;
border-radius: 100rpx;
display: inline-block;
position: relative;
button {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100rpx;
height: 100rpx;
}
}
label {
font-size: 24rpx;
display: block;
margin-top: 20rpx;
}
}
.cancelShare {
height: 100rpx;
font-size: 32rpx;
color: #333;
text-align: center;
line-height: 100rpx;
}
.shareCodeImg {
position: fixed;
width: 500rpx;
height: 1000rpx;
background-color: #fff;
z-index: 100;
border-radius: 8rpx;
overflow: hidden;
text-align: center;
box-sizing: border-box;
padding-top: 70rpx;
left: 50%;
top: 50%;
margin-left: -250rpx;
margin-top: -500rpx;
image {
width: 420rpx;
margin: 0 auto;
display: inline-block;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
border-radius: 8rpx;
}
icon {
position: absolute;
right: 8rpx;
top: 8rpx;
}
.mp-clean-icon {
position: absolute;
right: 15rpx;
top: 10rpx;
}
label {
font-size: 24rpx;
display: block;
margin: 20rpx;
color: #888;
}
button {
width: 400rpx;
margin: 0 auto;
}
}
/*分享弹窗 end*/
button::after {
border: none;
}
.close_msk {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40rpx;
}
.m-product-name2 {
font-size: 24rpx;
/*padding-right: 20rpx;*/
position: relative;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
.p-tag {
margin-right: 4rpx;
line-height: calc(30rpx) !important;
height: 30rpx !important;
}
}
.m-listv .m-product-name2 {
width: 312rpx;
height: 80rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #222222;
line-height: 40rpx;
}
.icon-activity {
display: block;
width: 160rpx;
height: 160rpx;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAADwCAYAAACXDeNDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFODkyRDE4RTJFRjYxMUU1OEEyMUMwNjg5NTYyNEYxRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFODkyRDE4RjJFRjYxMUU1OEEyMUMwNjg5NTYyNEYxRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4OTJEMThDMkVGNjExRTU4QTIxQzA2ODk1NjI0RjFEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU4OTJEMThEMkVGNjExRTU4QTIxQzA2ODk1NjI0RjFEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bk99YQAAB/9JREFUeNrsnT+O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")
no-repeat;
text-indent: -9999px;
}
.icon-activity-postfree {
background-position: 0 -80px;
}
.icon-activity-coupons {
background-position: 0 0;
}
.icon-activity-reduction {
background-position: 0 -160px;
}
/* 活动标签 */
.u-tuan-label {
padding: 5rpx;
background-color: #db384c;
border-radius: 4rpx;
font-size: 24rpx;
color: #fff;
margin-right: 5rpx;
}
.tag {
display: inline-block;
/*width: 60px;*/
height: 18px;
line-height: 18px;
text-align: center;
color: #fff;
font-size: 12px;
vertical-align: top;
margin-right: 4rpx;
}
.tag-orange {
background-color: #eb536d;
}
.tag-blue {
background-color: #2196f3;
}
.tag-red {
background-color: #e53935;
}
.tag-green {
background-color: #83c44e;
}
.tag-openbuy {
width: auto;
padding: 0 10px;
}
.tag-reduction {
background-color: #e50dbb;
z-index: 8;
}
.tag-saleoff {
background-color: #e53935;
z-index: 7;
}
.tag-postfree {
background-color: #ffac13;
z-index: 6;
}
.tag-bargain {
background-color: #ffac13;
z-index: 4;
}
.tag-gift {
background-color: #2196f3;
z-index: 3;
}
.tag-new {
background-color: #83c44e;
z-index: 5;
}
.tag-selfsupport {
background-color: #f44336;
z-index: 10;
position: absolute;
top: 1px;
right: 5px;
left: auto;
width: 40px;
}
.money {
font-weight: bold;
&.add {
color: $default-skin-bg;
}
&.reduce {
color: #36bc9b;
}
}
.wxParse {
.img {
/*width: 750rpx!important;*/
}
.chatimg {
float: left;
max-height: 50px !important;
max-width: 50px !important;
margin-right: 5px;
}
.single-img {
max-height: 220px !important;
max-width: 220px !important;
margin-right: 0px;
}
.chat-bubble-box {
min-width: 460rpx;
}
}
.bubble {
.wxParse .a {
color: #666;
}
}
.active {
color: $default-skin-bg;
}
.highlight {
color: $default-skin-bg;
}
.highlight12 {
color: $default-skin-bg;
font-size: 24rpx;
}
.highlight-link {
color: $default-skin-bg;
border-bottom: 1px solid $default-skin-bg;
font-size: 32rpx;
}
.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 细边框 */
.tbl::after {
content: " ";
position: absolute;
border-left: 1px solid #ebebe7;
left: 0;
top: 0;
width: 1px;
height: 100%;
color: #ebebe7;
transform-origin: 0 100%;
transform: scaleX(0.5);
}
.tbr::after {
content: " ";
position: absolute;
border-right: 1px solid #ebebe7;
left: 0;
top: 0;
width: 1px;
height: 100%;
color: #ebebe7;
transform-origin: 0 100%;
transform: scaleX(0.5);
}
.tbb:after {
content: " ";
position: absolute;
border-bottom: 1px solid #ebebe7;
left: 0;
right: 0;
bottom: 0;
height: 1px;
transform-origin: 0 100%;
transform: scaleY(0.5);
color: #ebebe7;
}
.tbt:after {
content: " ";
position: absolute;
border-top: 1px solid #ebebe7;
left: 0;
right: 0;
top: 0;
height: 1px;
transform-origin: 0 100%;
transform: scaleY(0.5);
color: #ebebe7;
}
.tb:after {
content: " ";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 200%;
height: 200%;
border: 1rpx solid #ebebe7;
color: #ebebe7;
transform-origin: 0 0;
transform: scale(0.5, 0.5);
}
/* 快捷导航 */
.u-tap-btn {
position: fixed;
right: 20rpx;
bottom: 100rpx;
z-index: 999;
}
.u-go-home {
border-radius: 100%;
width: 80rpx;
height: 80rpx;
border: 1px solid #eee;
font-size: 20rpx;
text-align: center;
background-color: #fff;
box-shadow: 0px 4rpx 8rpx rgba(0, 0, 0, 0.35);
z-index: 2;
opacity: 0.8;
line-height: 80rpx;
margin-bottom: 20rpx;
}
.u-go-home .iconfont {
font-size: 36rpx;
}
.zhezhaoceng {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
animation: opacity 500ms;
animation-fill-mode: forwards;
}
.zhezhaoceng1 {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: -999;
animation: opacity1 500ms;
animation-fill-mode: forwards;
}
@keyframes opacity {
from {
background: rgba(0, 0, 0, 0);
}
to {
background: rgba(0, 0, 0, 0.4);
}
}
@keyframes opacity1 {
from {
background: rgba(0, 0, 0, 0.4);
}
to {
background: rgba(0, 0, 0, 0);
}
}
.quicknav {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
}
.u-top .quicknav:first-child {
}
.u-top .quicknav:last-child {
}
.u-top1 .navtext:last-child {
}
/* .navtext{display: flex;align-items: center;justify-content: space-between;animation:mymove 500ms;animation-fill-mode: forwards} @keyframes mymove { from {margin-bottom:0px;} to {margin-bottom: 20rpx;} } .navtext1{display: flex;align-items: center;justify-content: space-between;animation:mymove1 500ms;animation-fill-mode: forwards} @keyframes mymove1 { from {margin-bottom:20rpx;} to {margin-bottom: 0rpx;} } */
.u-top1 .navtext:nth-child(1) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
right: 0;
animation: mymove1 500ms;
animation-fill-mode: forwards;
}
.u-top1 .navtext:nth-child(2) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
right: 0;
animation: mymove2 500ms;
animation-fill-mode: forwards;
}
.u-top1 .navtext:nth-child(3) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
right: 0;
animation: mymove3 500ms;
animation-fill-mode: forwards;
}
.u-top1 .navtext:nth-child(4) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
right: 0;
animation: mymove4 500ms;
animation-fill-mode: forwards;
}
.u-top1 .navtext1:nth-child(1) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 10rpx;
right: 0;
animation: mymove5 400ms;
animation-fill-mode: forwards;
}
.u-top1 .navtext1:nth-child(2) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 10rpx;
right: 0;
animation: mymove6 400ms;
animation-fill-mode: forwards;
}
.u-top1 .navtext1:nth-child(3) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 10rpx;
right: 0;
animation: mymove7 400ms;
animation-fill-mode: forwards;
}
.u-top1 .navtext1:nth-child(4) {
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 10rpx;
right: 0;
animation: mymove8 400ms;
animation-fill-mode: forwards;
}
@keyframes mymove1 {
from {
bottom: 0rpx;
opacity: 0;
}
to {
bottom: 420rpx;
opacity: 1;
}
}
@keyframes mymove2 {
from {
bottom: 0rpx;
opacity: 0;
}
to {
bottom: 320rpx;
opacity: 1;
}
}
@keyframes mymove3 {
from {
bottom: 0rpx;
opacity: 0;
}
to {
bottom: 220rpx;
opacity: 1;
}
}
@keyframes mymove4 {
from {
bottom: 0rpx;
opacity: 0;
}
to {
bottom: 120rpx;
opacity: 1;
}
}
@keyframes mymove5 {
from {
bottom: 420rpx;
opacity: 1;
}
to {
bottom: 10rpx;
}
}
@keyframes mymove6 {
from {
bottom: 320rpx;
opacity: 1;
}
to {
bottom: 10rpx;
opacity: 0;
}
}
@keyframes mymove7 {
from {
bottom: 220rpx;
opacity: 1;
}
to {
bottom: 10rpx;
opacity: 0;
}
}
@keyframes mymove8 {
from {
bottom: 120rpx;
opacity: 1;
}
to {
bottom: 10rpx;
opacity: 0;
}
}
.navtext text {
font-size: 24rpx;
color: #fff;
text-align: right;
min-width: 120rpx;
margin-right: 20rpx;
}
.navtext1 text {
font-size: 24rpx;
color: #fff;
text-align: right;
min-width: 120rpx;
margin-right: 20rpx;
}
.u-tuan-label {
padding: 5rpx 8rpx;
background-color: #db384c;
border-radius: 4rpx;
font-size: 24rpx;
color: #fff;
margin-right: 8rpx;
}
/* 快捷导航 end */
.m-icon-warn {
color: red;
}
.text-auto-w {
text-align: justify !important;
text-justify: distribute-all-lines !important;
text-align-last: justify !important;
-moz-text-align-last: justify !important;
-webkit-text-align-last: justify !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-word;
}
.placeholder-class {
font-size: 25rpx;
color: #9e9e9e;
}
/* 通用控件 开始 */
.flex {
display: flex;
}
.flex.space {
justify-content: space-between;
}
.flex.center {
justify-content: center;
}
.flex.alcenter {
align-items: center;
}
.flex.alend {
align-items: flex-end;
}
.flex.start {
justify-content: flex-start;
}
.flex.end {
justify-content: flex-end;
}
.flex.wrap {
flex-direction: row;
flex-wrap: wrap;
}
.flex .col1 {
width: 100%;
}
.flex .col2 {
width: 50%;
}
.flex .col3 {
width: 33.33%;
}
.flex .col4 {
width: 25%;
}
.flex .col5 {
width: 20%;
}
.ft12 {
font-size: 24rpx;
}
.ft14 {
font-size: 28rpx;
}
.ft16 {
font-size: 32rpx;
}
.ft18 {
font-size: 36rpx;
}
.ft20 {
font-size: 40rpx;
}
.ft22 {
font-size: 44rpx;
}
.ft24 {
font-size: 48rpx;
}
.ft28 {
font-size: 56rpx;
}
.ft32 {
font-size: 64rpx;
}
.ft36 {
font-size: 72rpx;
}
.ft40 {
font-size: 80rpx;
}
.ft50 {
font-size: 100rpx;
}
.ft80 {
font-size: 160rpx;
}
.text-over {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-over2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text-over3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-line {
text-decoration: line-through;
}
.text-w {
color: #ffffff;
}
.text-main {
color: #333333;
}
.text-default {
color: #000000;
}
.text-info {
color: #666666;
}
.text-placeholder {
color: #cccccc;
}
.text-notice {
color: #999999;
}
.text-price {
color: #ff6d00;
}
.text-load-more {
color: #adaeb3;
}
.text-theme {
color: #ff6d00;
}
.text-sign {
color: #ff4f4e;
}
.text-yellow {
color: #ff9b20;
}
.text-plus {
color: #f2d591;
}
.bg-w {
background: #ffffff;
}
.bg-default {
background: #f7f7f7;
}
.bg-main {
background: #ff6d00;
}
.bg-yellow {
background: #ffb70e;
}
.bg-info {
background: #f0f0f0;
}
.bg-invite {
background: #c79a2f;
}
/*TAG*/
.tag {
padding: 4rpx 10rpx;
border-radius: 16rpx;
display: inline-flex;
}
.tag-hot {
background: #ffeae5;
color: #ff3300;
font-size: 24rpx;
}
.tag-new {
background: #e7f9f4;
color: #14c993;
font-size: 24rpx;
}
.tag-info {
background: #f0f0f0;
color: #333333;
font-size: 24rpx;
}
.tag-tj {
background: #fce7f3;
color: #e3108a;
font-size: 24rpx;
}
.tag-hot image,
.tag-new image,
.tag-tj image {
width: 24rpx;
height: 24rpx;
}
.tag-type {
width: 160rpx;
height: 64rpx;
border-radius: 8rpx;
line-height: 64rpx;
text-align: center;
}
.tag-sf {
padding: 0 16rpx;
height: 40rpx;
border-radius: 20rpx;
color: #ffffff;
}
.tag-zk {
height: 28rpx;
color: #ffffff;
background: #ff6d00;
padding: 0 4rpx;
line-height: 28rpx;
display: inline-block;
position: relative;
}
.tag-zk:before {
content: "";
position: absolute;
left: -12rpx;
width: 0;
height: 0;
border-bottom: 14rpx solid transparent;
border-top: 14rpx solid transparent;
border-right: 14rpx solid #ff6d00;
}
.tag-top {
padding: 6rpx 10rpx;
border-radius: 4rpx;
background: #ff6d00;
color: #ffffff;
font-size: 24rpx;
}
.tag-new-ad {
padding: 6rpx 10rpx;
border-radius: 4rpx;
background: #ffffff;
color: #ff6d00;
border: 2rpx solid #ff6d00;
font-size: 24rpx;
}
.mt10 {
margin-top: 10rpx;
}
.mt15 {
margin-top: 15rpx;
}
.mt20 {
margin-top: 20rpx;
}
.mt30 {
margin-top: 30rpx;
}
.mt40 {
margin-top: 40rpx;
}
.mt50 {
margin-top: 50rpx;
}
.mt60 {
margin-top: 60rpx;
}
.mt80 {
margin-top: 80rpx;
}
.mt240 {
margin-top: 240rpx;
}
.mb10 {
margin-bottom: 10rpx;
}
.mb15 {
margin-bottom: 15rpx;
}
.mb20 {
margin-bottom: 20rpx;
}
.mb30 {
margin-bottom: 30rpx;
}
.mb40 {
margin-bottom: 40rpx;
}
.mb50 {
margin-bottom: 50rpx;
}
.mb60 {
margin-bottom: 60rpx;
}
.ml10 {
margin-left: 10rpx;
}
.ml15 {
margin-left: 15rpx;
}
.ml20 {
margin-left: 20rpx;
}
.ml30 {
margin-left: 30rpx;
}
.ml40 {
margin-left: 40rpx;
}
.ml50 {
margin-left: 50rpx;
}
.ml60 {
margin-left: 60rpx;
}
.mr10 {
margin-right: 10rpx;
}
.mr15 {
margin-right: 15rpx;
}
.mr20 {
margin-right: 20rpx;
}
.mr30 {
margin-right: 30rpx;
}
.mr40 {
margin-right: 40rpx;
}
.mr50 {
margin-right: 50rpx;
}
.mr60 {
margin-right: 60rpx;
}
/**一般PADDING需要用到的值,其他的不通用的单独设置**/
.pt10 {
padding-top: 10rpx;
}
.pt20 {
padding-top: 20rpx;
}
.pt30 {
padding-top: 30rpx;
}
.pt40 {
padding-top: 40rpx;
}
.pt60 {
padding-top: 60rpx;
}
.pt90 {
padding-top: 90rpx;
}
.pt100 {
padding-top: 100rpx;
}
.pt120 {
padding-top: 120rpx;
}
.pt160 {
padding-top: 160rpx;
}
.pd20 {
padding: 20rpx;
}
.pd30 {
padding: 30rpx;
}
.pd40 {
padding: 40rpx;
}
.plr30 {
padding: 0rpx 30rpx;
}
.plr40 {
padding: 0rpx 40rpx;
}
.plr60 {
padding: 0rpx 60rpx;
}
.pr30 {
padding-right: 30rpx;
}
.pl20 {
padding-left: 20rpx;
}
.pl30 {
padding-left: 30rpx;
}
.pl50 {
padding-left: 50rpx;
}
.pb20 {
padding-bottom: 20rpx;
}
.pb30 {
padding-bottom: 30rpx;
}
.pb40 {
padding-bottom: 40rpx;
}
/*圆角通用的设置*/
.bdr8 {
border-radius: 8rpx;
}
.bdr16 {
border-radius: 16rpx;
}
.bdr32 {
border-radius: 32rpx;
}
/*投影设置*/
.box-shadow {
box-shadow: 0rpx 8rpx 32rpx 0rpx rgba(0, 0, 0, 0.08);
}
.box-shadow-top {
box-shadow: 0rpx -4rpx 12rpx 0rpx rgba(0, 0, 0, 0.04);
}
.box-shadow-bottom {
box-shadow: 0rpx 4px 8rpx 0rpx rgba(0, 0, 0, 0.06);
}
/*缩小*/
.scale6 {
transform: scale(0.6);
}
.scale8 {
transform: scale(0.8);
}
/*字体加粗*/
.ftw400 {
font-weight: 400;
}
.ftw500 {
font-weight: 500;
}
.ftw600 {
font-weight: 600;
}
.uni-swiper-tab {
height: 100rpx;
white-space: nowrap;
.swiper-tab-list {
display: inline-block;
width: 120rpx;
margin-right: 10rpx;
height: 100rpx;
font-size: 28rpx;
position: relative;
color: #333333;
.text {
font-weight: 400;
font-size: 28rpx;
}
&.active {
color: #000000;
.text {
font-weight: 700;
font-size: 28rpx;
}
.bg-main {
position: relative;
bottom: 8rpx;
width: 96%;
height: 8rpx;
border-radius: 4rpx;
/* left: calc(50% - 20rpx); */
vertical-align: middle;
margin: auto auto;
}
}
}
}
uni-tabbar .uni-tabbar__reddot {
background-color: #ff3300;
}
.movableArea {
left: -15px;
top: -15px;
}
.m-min-name {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #888;
border-radius: 6px;
background-color: #f5f5f5;
padding: 0 4px;
width: fit-content;
font-size: 12px;
margin-top: 10rpx;
}
.mcs {
font-size: 12px;
color: $default-skin-bg;
}
</style>
Reference in New Issue View Git Blame Copy Permalink