109 lines
2.2 KiB
Vue
109 lines
2.2 KiB
Vue
<!-- 个人中心：支持装修 -->
|
||
<template>
|
||
<s-layout title="个人中心" tabbar="/pages/index/user" navbar="normal" :bgStyle="template.page"
|
||
:navbarStyle="template.navigationBar" onShareAppMessage>
|
||
|
||
|
||
|
||
|
||
<s-block class="" v-for="(item, index) in template.components" :key="index" :styles="item.property.style">
|
||
<s-block-item style="" :class="item.id == 'UserOrder'? 'ss': ''" :type="item.id" :data="item.property" :styles="item.property.style" />
|
||
</s-block>
|
||
<view class="new-huiy" @click="
|
||
sheep.$router.go('/pages/user/user_vip/index')
|
||
">
|
||
<image class="seckill" src="@/static/images/seckilbg.png"></image>
|
||
<view class="new-button">立即开通</view>
|
||
<img class="seckill1" mode="aspectFit"
|
||
src="https://zysc.fjptzykj.com:3000/shangcheng/64776e2edc3c2f15295e7c3976ba301e08f9170f99a2e845d8f33bd65179b177.png" />
|
||
</view>
|
||
</s-layout>
|
||
</template>
|
||
|
||
<script setup>
|
||
import {
|
||
computed
|
||
} from 'vue';
|
||
import {
|
||
onShow,
|
||
onPageScroll,
|
||
onPullDownRefresh
|
||
} from '@dcloudio/uni-app';
|
||
import sheep from '@/sheep';
|
||
|
||
// 隐藏原生tabBar
|
||
uni.hideTabBar();
|
||
|
||
const template = computed(() => sheep.$store('app').template.user);
|
||
const isLogin = computed(() => sheep.$store('user').isLogin);
|
||
|
||
onShow(() => {
|
||
sheep.$store('user').updateUserData();
|
||
});
|
||
|
||
onPullDownRefresh(() => {
|
||
sheep.$store('user').updateUserData();
|
||
setTimeout(function() {
|
||
uni.stopPullDownRefresh();
|
||
}, 800);
|
||
});
|
||
|
||
onPageScroll(() => {});
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.new-huiy {
|
||
width: 100%;
|
||
height: 240px;
|
||
position: absolute;
|
||
top: 0;
|
||
.new-button {
|
||
background: white;
|
||
padding: 8px;
|
||
text-align: center;
|
||
position: absolute;
|
||
border-radius: 20px;
|
||
right: 29px;
|
||
bottom: 17px;
|
||
font-size: 14px;
|
||
color: rgba(148, 109, 45, 1);
|
||
// z-index: 33;
|
||
}
|
||
|
||
.seckill1 {
|
||
position: absolute;
|
||
bottom: 0;
|
||
// z-index: 22;
|
||
/* left: 50%; */
|
||
/* transform: translateX(-50%); */
|
||
width: 96%;
|
||
height: 72px;
|
||
}
|
||
}
|
||
|
||
/* .new-main {} */
|
||
|
||
.seckill1 {
|
||
position: absolute;
|
||
z-index: 22;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 94%;
|
||
}
|
||
|
||
.seckill {
|
||
width: 100%;
|
||
position: absolute;
|
||
}
|
||
|
||
view {
|
||
position: relative;
|
||
}
|
||
::v-deep .ss{
|
||
z-index: 99999;
|
||
&>view{
|
||
margin-top: 94px;
|
||
}
|
||
}
|
||
|
||
</style> |