shang/yfs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页弹窗

Browse Source
This commit is contained in:
zpc 2025-04-17 23:34:17 +08:00
parent f7b2917326
commit 2f871e3717
3 changed files with 1492 additions and 1389 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
App.vue
View File

@ -222,4 +222,19 @@ button.hide {
.uni-tabbar__icon { .uni-tabbar__icon {
height: 50px !important; height: 50px !important;
} }
@keyframes m-zoom {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
</style> </style>

152
pages/shouye/index.vue
View File

@ -15,7 +15,7 @@
<mescroll-body ref="mescrollRef" class="valbox" @init="mescrollInit" :down="downOption" @down="downCallback" <mescroll-body ref="mescrollRef" class="valbox" @init="mescrollInit" :down="downOption" @down="downCallback"
@up="loadData"> @up="loadData">
<view style="width: 100%;" :style="{ height: $sys().statusBarHeight + 'px' }"></view> <view style="width: 100%;" :style="{ height: $sys().statusBarHeight + 'px' }"></view>
<view style="width: 100%;height: 70rpx;" ></view> <view style="width: 100%;height: 70rpx;"></view>
<banner :type-id="1" :height="300" :img-width="94"></banner> <banner :type-id="1" :height="300" :img-width="94"></banner>
<!-- 指示器 --> <!-- 指示器 -->
<!-- <view class="sw-dot relative"> <!-- <view class="sw-dot relative">
@ -64,10 +64,7 @@
<view class="qbt_con"> <view class="qbt_con">
<view v-for="(item, index) in listdata" :key="index" class="qbt_con_item" @click="todetails(item)"> <view v-for="(item, index) in listdata" :key="index" class="qbt_con_item" @click="todetails(item)">
<view class="list_1 center" style=" <view class="list_1 center" style="background-color: #d8d8d8;border-radius: 16rpx 16rpx 0rpx 0rpx;">
background-color: #d8d8d8;
border-radius: 16rpx 16rpx 0rpx 0rpx;
">
<image :src="item.imgurl" mode="aspectFill"></image> <image :src="item.imgurl" mode="aspectFill"></image>
</view> </view>
<view class="list_2"> <view class="list_2">
@ -106,22 +103,7 @@
</view> </view>
</view> </view>
</mescroll-body> </mescroll-body>
<!-- 群聊弹窗 -->
<uni-popup ref="qunliao_show" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
<view class="pop">
<view class="flex">
<image class="img100" :src="erweima" :show-menu-by-longpress="true" mode="aspectFit"></image>
</view>
<view class="pop-view column">
<text class="ziti">添加客服领优惠</text>
<text>识别图中二维码</text>
</view>
<image class="pop-liwu" :src="$img1('index/liwu.png')"></image>
<view @click="$refs.qunliao_show.close()" class="pop-close flex">
<image :src="$img1('common/close.png')" class="img100" />
</view>
</view>
</uni-popup>
<!-- 优惠券弹窗 --> <!-- 优惠券弹窗 -->
<uni-popup ref="couponPop" type="center" maskBackgroundColor="rgba(0,0,0,0.8)"> <uni-popup ref="couponPop" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
@ -152,24 +134,28 @@
</uni-popup> </uni-popup>
<!-- <tab-bar :index="0"></tab-bar> --> <!-- <tab-bar :index="0"></tab-bar> -->
<!-- 进福利群 --> <!-- 悬浮球 -->
<!-- <view class="group-fixed" @click="$refs.qunliao_show.open()"> <template v-if="floatBall">
<image :src="$img1('image/fuliqun.png')"></image> <view v-for="(item, index) in floatBall" :style="[getBallStyle(item)]" :key="index" class="group-fixed1"
</view> --> @click="BallClick(item)">
<image :src="item.image"></image>
<!-- 邀请好友 -->
<!-- <view class="group-fixed2" @tap="$c.to({url:'/pages/user/tui-guang'})">
<image :src="$img1('image/yaoqing.png')"></image>
</view> -->
<!-- 排行榜
<view class="group-fixed1" @click="toRanking()">
<image :src="$img1('image/paihangbang.png')"></image>
</view> -->
<!-- 排行榜 -->
<view class="group-fixed1" @click="toyaoqingRanking()">
<image :src="$img1('image/paihangbang.png')"></image>
</view> </view>
</template>
<!-- 悬浮球弹窗 -->
<uni-popup ref="floatBall_popup" type="center" maskBackgroundColor="rgba(0,0,0,0.8)">
<view class="pop-ball"
:style="{ backgroundImage: 'url(' + ballItem.image_bj + ')', backgroundSize: '100% 99.5%', backgroundRepeat: 'no-repeat' }">
<image show-menu-by-longpress v-if="ballItem != null" :src="ballItem.image_details" mode="aspectFit"
:style="[getPopupStyle(ballItem)]">
</image>
</view>
<view class="pop-ball-close flex" @click="$refs.floatBall_popup.close()">
<view style="width: 48rpx;height: 48rpx;border-radius: 50%;opacity: 0.5;">
<image show-menu-by-longpress :src="$img1('common/close.png')" class="img100" />
</view>
</view>
</uni-popup>
<rule-pop ref="rulePop"></rule-pop> <rule-pop ref="rulePop"></rule-pop>
@ -218,6 +204,8 @@ export default {
couponData: "", couponData: "",
canGetCoupon: false, canGetCoupon: false,
swCur: 0, swCur: 0,
floatBall: [],
ballItem: null
}; };
}, },
@ -267,6 +255,7 @@ export default {
selected: 0, selected: 0,
}); });
} }
this.getFloatBall();
}, },
onReady() { onReady() {
@ -274,6 +263,7 @@ export default {
this.getCoupon(); this.getCoupon();
// this.$refs.rulePop.open() // this.$refs.rulePop.open()
this.getnews(); this.getnews();
}, },
onShareAppMessage() { onShareAppMessage() {
@ -284,7 +274,63 @@ export default {
path: "/pages/shouye/index?pid=" + uni.getStorageSync("userinfo").ID, path: "/pages/shouye/index?pid=" + uni.getStorageSync("userinfo").ID,
}; };
}, },
computed: {
getBallStyle() {
return (item) => {
//判断item.position_x 第一位是否是-号
let s = {
width: item.width,
height: item.height,
top: item.position_y,
};
if (item.position_x.indexOf('-') > -1) {
//是-号
// 获取-号后面的值
let position_x = item.position_x.split('-')[1];
s.right = position_x;
} else {
s.left = item.position_x;
}
if (item.effect == 1) {
s.animation = "m-zoom 1.2s ease-in-out infinite";
}
return s;
}
},
getPopupStyle() {
return (item) => {
if (item == null) {
return {};
}
let s = {
width: item.image_details_w ,
height: item.image_details_h,
position: 'relative',
};
if (item.image_details_x != "0") {
s.left = item.image_details_x ;
}
if (item.image_details_y != "0") {
s.top = item.image_details_y;
}
return s;
};
}
},
methods: { methods: {
BallClick(item) {
console.log(item);
if (item.type == 2) {
this.$c.nav(item.link_url);
return;
}
if (item.type == 1) {
// this.$c.nav(item.link_url);
this.ballItem = item;
this.$refs.floatBall_popup.open();
}
},
/** /**
* @description: 是否弹公告 * @description: 是否弹公告
* @return {*} * @return {*}
@ -301,7 +347,14 @@ export default {
uni.setStorageSync("_is_this_show", true); uni.setStorageSync("_is_this_show", true);
} }
}, },
async getFloatBall() {
const { status, data, msg } = await this.$request.get("getFloatBall");
if (status == 1) {
this.floatBall = data;
}
},
swChange(e) { swChange(e) {
this.swCur = e.detail.current; this.swCur = e.detail.current;
}, },
@ -508,6 +561,7 @@ export default {
height: 380px; height: 380px;
position: relative; position: relative;
background: #b198e2; background: #b198e2;
box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33); box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(137, 77, 211, 0.33);
border-radius: 44rpx; border-radius: 44rpx;
@ -1222,4 +1276,26 @@ export default {
height: 100%; height: 100%;
} }
} }
.pop-ball {
width: 506rpx;
height: 380px;
position: relative;
// background: #b198e2;
border-radius: 25rpx;
display: flex;
align-items: center;
justify-content: center;
}
.pop-ball-close {
margin-top: 20rpx;
width: 100%;
height: 50rpx;
display: flex;
align-items: center;
justify-content: center;
}
</style> </style>

338
pages/user/index.vue
View File

@ -4,7 +4,7 @@
:fixed="false"></uni-nav-bar> :fixed="false"></uni-nav-bar>
<view class="user-card"> <view class="user-card">
<view class="user-info" @click="$c.to({ url: '/pages/user/change' })"> <view class="user-info" @click="toChange">
<view class="avatar"> <view class="avatar">
<image :src="userinfo.headimg" mode="scaleToFill" /> <image :src="userinfo.headimg" mode="scaleToFill" />
</view> </view>
@ -24,10 +24,11 @@
<view v-if="userinfo" class="lv-box align-center justify-between" <view v-if="userinfo" class="lv-box align-center justify-between"
@click="$c.to({ url: '/package/mine/equity' })"> @click="$c.to({ url: '/package/mine/equity' })">
<text class="lv-box-dengji">LV.{{userinfo.quan_yi_level.level}}</text> <text class="lv-box-dengji">LV.{{ userinfo.quan_yi_level.level }}</text>
<view class="lv-box-ouqi column"> <view class="lv-box-ouqi column">
<text> <text>
<template v-if="userinfo.quan_yi_level.cha > 0">还差{{userinfo.quan_yi_level.cha}}欧气值升级</template> <template v-if="userinfo.quan_yi_level.cha > 0">还差{{ userinfo.quan_yi_level.cha
}}欧气值升级</template>
<template v-if="userinfo.quan_yi_level.cha == -1">已满级</template> <template v-if="userinfo.quan_yi_level.cha == -1">已满级</template>
</text> </text>
<view class="mt10 relative"> <view class="mt10 relative">
@ -38,7 +39,8 @@
</view> </view>
<text class="lv-box-detail center" @click="$c.to({ url: '/package/mine/equity' })">查看详情</text> <text class="lv-box-detail center" @click="$c.to({ url: '/package/mine/equity' })">查看详情</text>
<image style="width: 206rpx; height: 206rpx; position: absolute; top: -40rpx; right: 8rpx;" <image style="width: 206rpx; height: 206rpx; position: absolute; top: -40rpx; right: 8rpx;"
:src="$img1('my/ou.png')"></image> :src="$img1('my/ou.png')">
</image>
</view> </view>
<!-- <view class="rbtn btn1 flex" @click="$c.to({ url: '/package/index/sign' })"> <!-- <view class="rbtn btn1 flex" @click="$c.to({ url: '/package/index/sign' })">
@ -50,16 +52,16 @@
<view class="money-card"> <view class="money-card">
<view class="other-num"> <view class="other-num">
<view class="other-item" @click="$c.to({ url: '/pages/user/yetx' })"> <view class="other-item" @click="$c.to({ url: '/pages/user/yetx' })">
<view class="title">{{$config.getAppSetting('balance_name')}}</view> <view class="title">{{ $config.getAppSetting('balance_name') }}</view>
<view class="num">{{ formatNumber(userinfo.money) }}</view> <view class="num">{{ formatNumber(userinfo.money) }}</view>
</view> </view>
<view class="other-item" @click="$c.to({ url: '/pages/user/bi_jl' })"> <view class="other-item" @click="$c.to({ url: '/pages/user/bi_jl' })">
<view class="title">{{$config.getAppSetting('currency1_name')}}</view> <view class="title">{{ $config.getAppSetting('currency1_name') }}</view>
<view class="num" style="color: #333333;">{{ formatNumber(userinfo.integral) }}</view> <view class="num" style="color: #333333;">{{ formatNumber(userinfo.integral) }}</view>
</view> </view>
<view class="other-item" @click="$c.to({ url: '/pages/user/jf_jl' })"> <view class="other-item" @click="$c.to({ url: '/pages/user/jf_jl' })">
<view class="title">{{$config.getAppSetting('currency2_name')}}</view> <view class="title">{{ $config.getAppSetting('currency2_name') }}</view>
<view class="num" style="color: #333333;">{{ formatNumber(userinfo.money2) }}</view> <view class="num" style="color: #333333;">{{ formatNumber(userinfo.money2) }}</view>
</view> </view>
</view> </view>
@ -158,7 +160,8 @@
<view class="title">星钻充值</view> <view class="title">星钻充值</view>
<view class="ca" @click="$refs.chongzhi_show.close()"> <view class="ca" @click="$refs.chongzhi_show.close()">
<image :src="$img('/static/icon/close1.png')" <image :src="$img('/static/icon/close1.png')"
style="width: 30rpx; height: 30rpx; margin-top: 14rpx"></image> style="width: 30rpx; height: 30rpx; margin-top: 14rpx">
</image>
</view> </view>
</view> </view>
<view class="pop_coucent"> <view class="pop_coucent">
@ -210,7 +213,8 @@
<image :src="z_imgPath + 'mine/tx_tips.png'" style="width: 162rpx; height: 47rpx"></image> <image :src="z_imgPath + 'mine/tx_tips.png'" style="width: 162rpx; height: 47rpx"></image>
<view class="ca" @click="tixian_show = false"> <view class="ca" @click="tixian_show = false">
<image :src="z_imgPath + 'mine/qu_close.png?11'" <image :src="z_imgPath + 'mine/qu_close.png?11'"
style="width: 48rpx; height: 48rpx; margin-top: 14rpx"></image> style="width: 48rpx; height: 48rpx; margin-top: 14rpx">
</image>
</view> </view>
</view> </view>
<view class="pop_head"> <view class="pop_head">
@ -257,8 +261,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="pop_chongzhi" @click="tixian_click" :style=" <view class="pop_chongzhi" @click="tixian_click" :style="'background: url(' +
'background: url(' +
z_imgPath + z_imgPath +
'mine/allBtn_bg.png' + 'mine/allBtn_bg.png' +
') no-repeat 0 0 / 100% 100%;' ') no-repeat 0 0 / 100% 100%;'
@ -273,7 +276,7 @@
</template> </template>
<script> <script>
export default { export default {
components: {}, components: {},
data() { data() {
return { return {
@ -412,6 +415,15 @@
} }
}, },
methods: { methods: {
toChange() {
var user = uni.getStorageSync('userinfo');
if (user == null || user == "") {
this.$c.nav("/pages/user/login")
return;
}
this.$c.to({ url: '/pages/user/change' })
},
receiveCoupon() { receiveCoupon() {
const coupon_id = uni.getStorageSync('_ou_coupon_id') const coupon_id = uni.getStorageSync('_ou_coupon_id')
@ -484,8 +496,8 @@
copy(e) { copy(e) {
uni.setClipboardData({ uni.setClipboardData({
data: `${e}`, data: `${e}`,
success: result => {}, success: result => { },
fail: error => {} fail: error => { }
}) })
}, },
@ -703,7 +715,7 @@
* @return {String} - 格式化后的数字字符串 * @return {String} - 格式化后的数字字符串
*/ */
formatNumber(num, defaultVal = '0') { formatNumber(num, defaultVal = '0') {
if (num === undefined || num === null || num === ''||num===0) { if (num === undefined || num === null || num === '' || num === 0) {
return defaultVal; return defaultVal;
} }
@ -715,20 +727,20 @@
return numStr; return numStr;
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.pop_title { .pop_title {
font-size: 48rpx; font-size: 48rpx;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.mineInfo { .mineInfo {
width: 720rpx; width: 720rpx;
/* height: 323rpx; */ /* height: 323rpx; */
/* background: url(https://xiongmaomh.languoyun.cn/newindex/mineTop.png) no-repeat; */ /* background: url(https://xiongmaomh.languoyun.cn/newindex/mineTop.png) no-repeat; */
@ -737,68 +749,68 @@
margin: 0 auto; margin: 0 auto;
box-sizing: border-box; box-sizing: border-box;
padding: 35rpx 36rpx 0; padding: 35rpx 36rpx 0;
} }
page { page {
/* background: #000000; */ /* background: #000000; */
} }
.selTitle { .selTitle {
font-size: 36rpx; font-size: 36rpx;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
text-shadow: 0px 3px 8px rgba(48, 251, 253, 0.32); text-shadow: 0px 3px 8px rgba(48, 251, 253, 0.32);
} }
.noTitle { .noTitle {
font-size: 36rpx; font-size: 36rpx;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
color: #666666; color: #666666;
} }
.qiehuan { .qiehuan {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 750rpx; width: 750rpx;
} }
.qiehuan_line { .qiehuan_line {
margin: -10rpx auto; margin: -10rpx auto;
width: 30rpx; width: 30rpx;
height: 20rpx; height: 20rpx;
border-bottom: 4rpx solid #1ff7f0; border-bottom: 4rpx solid #1ff7f0;
border-radius: 4rpx; border-radius: 4rpx;
} }
.qiehuan image { .qiehuan image {
width: 169rpx; width: 169rpx;
height: 38rpx; height: 38rpx;
} }
.qiehuan>view { .qiehuan>view {
flex: 1; flex: 1;
text-align: center; text-align: center;
} }
.wzs { .wzs {
font-size: 28rpx; font-size: 28rpx;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
.xzs { .xzs {
font-size: 32rpx; font-size: 32rpx;
color: #ffffff; color: #ffffff;
text-shadow: 0px 0px 12rpx rgba(150, 255, 254, 0.7); text-shadow: 0px 0px 12rpx rgba(150, 255, 254, 0.7);
} }
button::after { button::after {
border: none; border: none;
} }
button { button {
background-color: transparent; background-color: transparent;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
@ -810,41 +822,41 @@
justify-content: center; justify-content: center;
width: 54rpx; width: 54rpx;
height: 54rpx; height: 54rpx;
} }
.name_phone>input { .name_phone>input {
font-size: 28rpx; font-size: 28rpx;
margin-left: 40rpx; margin-left: 40rpx;
} }
.name_phone { .name_phone {
padding: 20rpx 0; padding: 20rpx 0;
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
} }
.pop_tixian_input { .pop_tixian_input {
margin: 20rpx 0; margin: 20rpx 0;
padding-bottom: 20rpx; padding-bottom: 20rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
font-size: 24rpx; font-size: 24rpx;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
} }
.pop_head>view { .pop_head>view {
flex: 1; flex: 1;
text-align: center; text-align: center;
font-size: 28rpx; font-size: 28rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.pop_head { .pop_head {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.pop_box>view { .pop_box>view {
width: 180rpx; width: 180rpx;
height: 80rpx; height: 80rpx;
display: flex; display: flex;
@ -857,19 +869,19 @@
font-family: zihun152hao-jijiachaojihei; font-family: zihun152hao-jijiachaojihei;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
.pop_box>view:nth-child(3n + 3) { .pop_box>view:nth-child(3n + 3) {
margin-right: 0; margin-right: 0;
} }
.pop_box { .pop_box {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.pop_coucent>input { .pop_coucent>input {
width: 630rpx; width: 630rpx;
height: 88rpx; height: 88rpx;
background: #222222; background: #222222;
@ -879,9 +891,9 @@
font-size: 24rpx; font-size: 24rpx;
box-sizing: border-box; box-sizing: border-box;
margin-top: 30rpx; margin-top: 30rpx;
} }
.pop_coucent { .pop_coucent {
width: 690rpx; width: 690rpx;
// border: 1rpx solid #fff; // border: 1rpx solid #fff;
// box-shadow: 0px 0px 10rpx 0px #1ff7f0; // box-shadow: 0px 0px 10rpx 0px #1ff7f0;
@ -891,9 +903,9 @@
margin-top: 20rpx; margin-top: 20rpx;
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
} }
.pop_chongzhi { .pop_chongzhi {
width: 692rpx; width: 692rpx;
height: 88rpx; height: 88rpx;
margin: 48rpx auto 0; margin: 48rpx auto 0;
@ -904,16 +916,16 @@
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
.ca { .ca {
position: absolute; position: absolute;
right: 0; right: 0;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
.order_title { .order_title {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -931,9 +943,9 @@
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
} }
.order { .order {
width: 750rpx; width: 750rpx;
background: #0d0d0d; background: #0d0d0d;
border-radius: 30rpx 30rpx 0px 0px; border-radius: 30rpx 30rpx 0px 0px;
@ -966,9 +978,9 @@
height: 84rpx; height: 84rpx;
} }
} }
} }
.pop { .pop {
width: 506rpx; width: 506rpx;
height: 380px; height: 380px;
position: relative; position: relative;
@ -1030,9 +1042,9 @@
transform: translateX(-50%); transform: translateX(-50%);
opacity: 0.6; opacity: 0.6;
} }
} }
.mengban { .mengban {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: fixed;
@ -1044,34 +1056,34 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.p_t_r { .p_t_r {
position: absolute; position: absolute;
top: -20rpx; top: -20rpx;
right: -10rpx; right: -10rpx;
width: 32rpx !important; width: 32rpx !important;
height: 32rpx !important; height: 32rpx !important;
} }
.shop_item>image { .shop_item>image {
width: 216rpx; width: 216rpx;
height: 216rpx; height: 216rpx;
border-radius: 8rpx 8rpx 0 0; border-radius: 8rpx 8rpx 0 0;
margin: 13rpx auto; margin: 13rpx auto;
display: block; display: block;
} }
.shop_text>.hang1 { .shop_text>.hang1 {
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.shop_text { .shop_text {
padding: 2rpx 23rpx; padding: 2rpx 23rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.shop_item { .shop_item {
width: 242rpx; width: 242rpx;
height: 343rpx; height: 343rpx;
/* border-radius: 10rpx; */ /* border-radius: 10rpx; */
@ -1079,60 +1091,60 @@
position: relative; position: relative;
color: #ffffff; color: #ffffff;
font-size: 24rpx; font-size: 24rpx;
} }
.shop_coucent>view:nth-child(3n-1) { .shop_coucent>view:nth-child(3n-1) {
margin: 10rpx 0rpx 0; margin: 10rpx 0rpx 0;
} }
.shop_coucent { .shop_coucent {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
font-size: 24rpx; font-size: 24rpx;
} }
.sc_title { .sc_title {
width: 686rpx; width: 686rpx;
height: 22rpx; height: 22rpx;
margin: 0 auto; margin: 0 auto;
} }
.tuijian { .tuijian {
width: 750rpx; width: 750rpx;
padding: 0 13rpx 100rpx 13rpx; padding: 0 13rpx 100rpx 13rpx;
box-sizing: border-box; box-sizing: border-box;
margin: 30rpx auto; margin: 30rpx auto;
/* background-color: #222; */ /* background-color: #222; */
} }
.list>view>view>image { .list>view>view>image {
margin-right: 20rpx; margin-right: 20rpx;
} }
.list image { .list image {
width: 12rpx; width: 12rpx;
height: 22rpx; height: 22rpx;
} }
.list>view>view>image:nth-of-type(1) { .list>view>view>image:nth-of-type(1) {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
} }
.list>view>view { .list>view>view {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.list>view { .list>view {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
/* border-bottom: 1px solid #EEEEEE; */ /* border-bottom: 1px solid #EEEEEE; */
padding: 24rpx 0; padding: 24rpx 0;
} }
.list { .list {
width: 710rpx; width: 710rpx;
/* height: 700rpx; */ /* height: 700rpx; */
margin: 0 auto; margin: 0 auto;
@ -1144,28 +1156,28 @@
/* background: linear-gradient(135deg, transparent 10px, #F07D17 0); */ /* background: linear-gradient(135deg, transparent 10px, #F07D17 0); */
/* background: url(https://hdyfs.languowangluo.cn/zcq/mine/cz_bg.png) no-repeat; */ /* background: url(https://hdyfs.languowangluo.cn/zcq/mine/cz_bg.png) no-repeat; */
/* background-size: 100% 100%; */ /* background-size: 100% 100%; */
} }
.hegui image { .hegui image {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
margin-right: 20rpx; margin-right: 20rpx;
} }
.hegui>image { .hegui>image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
margin: 0; margin: 0;
} }
.hegui>view { .hegui>view {
display: flex; display: flex;
align-items: center; align-items: center;
color: #ffffff; color: #ffffff;
font-size: 28rpx; font-size: 28rpx;
} }
.hegui { .hegui {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -1178,18 +1190,18 @@
margin: 30rpx auto; margin: 30rpx auto;
padding: 0 20rpx; padding: 0 20rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.tixian_r>image { .tixian_r>image {
width: 143rpx; width: 143rpx;
height: 59rpx; height: 59rpx;
} }
.tixian_r { .tixian_r {
text-align: right; text-align: right;
} }
.tixian_r>view:nth-child(2) { .tixian_r>view:nth-child(2) {
width: 132rpx; width: 132rpx;
height: 48rpx; height: 48rpx;
background: #1ac762; background: #1ac762;
@ -1200,9 +1212,9 @@
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
margin-top: 20rpx; margin-top: 20rpx;
} }
.tixian_r>view:nth-child(1) { .tixian_r>view:nth-child(1) {
width: 132rpx; width: 132rpx;
height: 48rpx; height: 48rpx;
border: 1px solid #1ac762; border: 1px solid #1ac762;
@ -1214,22 +1226,22 @@
font-size: 28rpx; font-size: 28rpx;
/* text-shadow: 0px 0px 14rpx rgba(237, 87, 255, 0.7); /* text-shadow: 0px 0px 14rpx rgba(237, 87, 255, 0.7);
font-family: 'zcq'; */ font-family: 'zcq'; */
} }
.tixian_l image { .tixian_l image {
width: 12rpx; width: 12rpx;
height: 22rpx; height: 22rpx;
margin-left: 10rpx; margin-left: 10rpx;
} }
.tixian_l { .tixian_l {
font-size: 28rpx; font-size: 28rpx;
font-family: zihun152hao-jijiachaojihei; font-family: zihun152hao-jijiachaojihei;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
} }
.tixian { .tixian {
width: 720rpx; width: 720rpx;
height: 210rpx; height: 210rpx;
margin: 30rpx auto 0; margin: 30rpx auto 0;
@ -1240,21 +1252,21 @@
padding: 0 46rpx; padding: 0 46rpx;
box-sizing: border-box; box-sizing: border-box;
color: #ffffff; color: #ffffff;
} }
.youhui text { .youhui text {
margin-right: 10rpx; margin-right: 10rpx;
font-size: 32rpx; font-size: 32rpx;
/* font-family: 'zcq'; */ /* font-family: 'zcq'; */
} }
.youhui>view>view:nth-of-type(2) { .youhui>view>view:nth-of-type(2) {
font-size: 24rpx; font-size: 24rpx;
margin-top: 28rpx; margin-top: 28rpx;
} }
.youhui>view:nth-of-type(1)::after, .youhui>view:nth-of-type(1)::after,
.youhui>view:nth-of-type(2)::after { .youhui>view:nth-of-type(2)::after {
content: ''; content: '';
width: 2rpx; width: 2rpx;
height: 40rpx; height: 40rpx;
@ -1264,22 +1276,22 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
} }
.youhuiTitle { .youhuiTitle {
font-size: 28rpx; font-size: 28rpx;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
} }
.youhui>view { .youhui>view {
font-size: 24rpx; font-size: 24rpx;
text-align: center; text-align: center;
position: relative; position: relative;
flex: 1; flex: 1;
} }
.youhui { .youhui {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -1288,72 +1300,72 @@
margin: 0rpx auto 0; margin: 0rpx auto 0;
color: #ffffff; color: #ffffff;
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }
.id_z>image { .id_z>image {
width: 84rpx; width: 84rpx;
height: 20rpx; height: 20rpx;
margin-left: 20rpx; margin-left: 20rpx;
} }
.id_z { .id_z {
font-size: 24rpx; font-size: 24rpx;
margin-top: 10rpx; margin-top: 10rpx;
color: #999999; color: #999999;
} }
.phone_z { .phone_z {
font-size: 32rpx; font-size: 32rpx;
/* font-weight: bold; */ /* font-weight: bold; */
} }
.headimg { .headimg {
width: 105rpx; width: 105rpx;
height: 105rpx; height: 105rpx;
border-radius: 50%; border-radius: 50%;
margin-right: 30rpx; margin-right: 30rpx;
} }
.jp_headimg>image { .jp_headimg>image {
width: 132rpx; width: 132rpx;
height: 132rpx; height: 132rpx;
/* border: 1px solid #FE0032; */ /* border: 1px solid #FE0032; */
border-radius: 50%; border-radius: 50%;
/* clip-path: polygon(50% 10%, 85% 30%, 85% 70%, 50% 92%, 17% 71%, 16% 30%); */ /* clip-path: polygon(50% 10%, 85% 30%, 85% 70%, 50% 92%, 17% 71%, 16% 30%); */
/* polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0) */ /* polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0) */
} }
.jp_headimg { .jp_headimg {
width: 132rpx; width: 132rpx;
height: 132rpx; height: 132rpx;
margin: 25rpx 0 0 12rpx; margin: 25rpx 0 0 12rpx;
} }
.head_name { .head_name {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
/* text-shadow: rgba(150, 255, 254, 0.7) 0px 0px 10rpx; */ /* text-shadow: rgba(150, 255, 254, 0.7) 0px 0px 10rpx; */
} }
.header_title { .header_title {
font-size: 40rpx; font-size: 40rpx;
font-family: iFontszhounianti; font-family: iFontszhounianti;
font-weight: bold; font-weight: bold;
font-style: oblique; font-style: oblique;
color: #ffffff; color: #ffffff;
} }
.header { .header {
width: 100%; width: 100%;
color: #ffffff; color: #ffffff;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
padding-top: calc(var(--status-bar-height) + 80rpx); padding-top: calc(var(--status-bar-height) + 80rpx);
} }
.mine { .mine {
width: 750rpx; width: 750rpx;
position: relative; position: relative;
padding-bottom: 100px; padding-bottom: 100px;
@ -1717,16 +1729,16 @@
} }
} }
} }
} }
.copyright { .copyright {
padding: 30rpx; padding: 30rpx;
text-align: center; text-align: center;
font-size: 24rpx; font-size: 24rpx;
color: #888; color: #888;
} }
.status_bar { .status_bar {
height: var(--status-bar-height); height: var(--status-bar-height);
width: 100%; width: 100%;
font-size: 40rpx; font-size: 40rpx;
@ -1735,5 +1747,5 @@
font-style: oblique; font-style: oblique;
color: #ffffff; color: #ffffff;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
</style> </style>