wangzimeng/zhongtuanCatering
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1、首页注册的弹框初始化

Browse Source
This commit is contained in:
wangzimeng 2025-08-14 17:49:41 +08:00
parent 7ad5a25cdf
commit f662610ef3
1 changed files with 64 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
pages/index/index.vue
View File

@ -149,6 +149,16 @@
<su-regionCity-picker :show="state.showRegion" @cancel="state.showRegion = false"
@confirm="onRegionConfirm">
</su-regionCity-picker>
<su-popup :show="registerShow == true" type="center" round="10" :isMaskClick="false">
<view class="popup">
<button class="texbut" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
<!-- <image style="width: 100%;height: 136rpx;" src="https://jiangxiaoxian.0rui.cn/loginBtn.png"></image> -->
<!-- 授权登录 -->
</button>
</view>
</su-popup>
</s-layout>
</view>
@ -208,7 +218,8 @@
const template = computed(() => sheep.$store('app').template?.home);
const isLogin = computed(() => sheep.$store('user').isLogin);
const qualification = ref(false)
const qualification = ref(false);
const registerShow = ref(false);//注册获取优惠券弹框
const state = reactive({
showRegion: false,
@ -781,4 +792,56 @@
}
.popup {
background-image: url('https://jiangxiaoxian.0rui.cn/registerBack.png');
background-size: 100%;
width: 690rpx;
height: 640rpx;
display: flex;
padding-bottom: 44rpx;
flex-direction: column;
align-items: baseline;
justify-content: flex-end;
padding-left: 73rpx;
padding-right: 73rpx;
.img_shouquan {
position: absolute;
width: 680rpx;
height: 857rpx;
left: -25rpx;
top: -390rpx;
}
#txt2 {
text-align: center;
margin-top: 200rpx;
font-size: 28rpx;
color: #525252;
margin-bottom: 60rpx;
position: relative;
font-weight: 500;
}
.texbut {
width: 507rpx;
height: 93rpx;
border-radius: 16rpx;
// background: #ffbd25;
background-image: url('https://jiangxiaoxian.0rui.cn/scoreBtn.png');
background-size: 100%;
font-size: 34rpx;
color: #3d3d3d;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
margin-top: 30rpx;
// margin: 0 auto;
}
}
</style>