修改快捷支付页面样式 和 提交订单页面支付成功之后的弹窗布局样式

This commit is contained in:
赵毅 2025-09-18 17:35:50 +08:00
parent 1acf1f8052
commit fa8dedb78f
3 changed files with 25 additions and 15 deletions

View File

@ -29,10 +29,10 @@
<view class="Msg2"> <view class="Msg2">
<view class="Msg2_tit"> <view class="Msg2_tit">
<view class="Msg2_tit_left">获得物业公积金</view> <view class="Msg2_tit_left">获得物业公积金</view>
<view class="Msg2_tit_right" @click="choseComminty"> <!-- <view class="Msg2_tit_right" @click="choseComminty">
绑定房源 绑定房源
<u-icon name="arrow-right" color="#999999" size="28"></u-icon> <u-icon name="arrow-right" color="#999999" size="28"></u-icon>
</view> </view> -->
</view> </view>
<view class="Msg2_con"> <view class="Msg2_con">
@ -41,9 +41,9 @@
{{ homeMoney }} {{ homeMoney }}
</span> </span>
</view> </view>
<view class="Msg2_con_right"> <!-- <view class="Msg2_con_right">
{{ room_name }} {{ room_name }}
</view> </view> -->
</view> </view>
</view> </view>

View File

@ -375,7 +375,7 @@ page {
.shadowBox_img { .shadowBox_img {
width: 600rpx; width: 600rpx;
height: 900rpx; height: 500rpx;
background-color: #fff; background-color: #fff;
border-radius: 20rpx; border-radius: 20rpx;
} }
@ -396,8 +396,8 @@ page {
} }
.boxshadow_img { .boxshadow_img {
width: 300rpx; /* width: 300rpx;
height: 300rpx; height: 300rpx; */
margin: 0 auto; margin: 0 auto;
margin-top: 40rpx; margin-top: 40rpx;
text-align: center; text-align: center;
@ -405,7 +405,7 @@ page {
.boxbottom { .boxbottom {
width: 100%; width: 100%;
margin-top: 100rpx; margin-top: 50rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -436,7 +436,16 @@ page {
height: 150rpx; height: 150rpx;
border: 1rpx solid red; border: 1rpx solid red;
position: absolute; position: absolute;
left: 50rpx; left: 100rpx;
opacity:0;
}
.shadowBox2Item_btn{
width: 110rpx;
height: 150rpx;
border: 1rpx solid red;
position: absolute;
right: 100rpx;
opacity:0; opacity:0;
} }

View File

@ -233,10 +233,10 @@
已支付成功 已支付成功
</view> </view>
<view class="boxshadow_img"> <view class="boxshadow_img">
<view style="margin-bottom: 15rpx;">{{ verifyCode }}</view> <view>核销码{{ verifyCode }}</view>
<image <!-- <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png"> src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_share_img.png">
</image> </image> -->
</view> </view>
<view class="boxbottom"> <view class="boxbottom">
<view class="line1"></view> <view class="line1"></view>
@ -246,24 +246,25 @@
<view @click.stop="changeShadow"> <view @click.stop="changeShadow">
<view class="shadowBox1"> <view class="shadowBox1">
<button class="shadowBox1Item_btn" open-type="share" bindtap="onShareButtonClick" /> <button class="shadowBox1Item_btn" open-type="share" bindtap="onShareButtonClick" />
<view class="shadowBox1Item" @click="shareFriend"> <view class="shadowBox1Item">
<image <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
mode="aspectFill"></image> mode="aspectFill"></image>
微信好友 微信好友
</view> </view>
<button class="shadowBox2Item_btn" open-type="share" bindtap="onShareButtonClick" />
<view class="shadowBox1Item" @click="shareFriend"> <view class="shadowBox1Item" @click="shareFriend">
<image <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_WX.png"
mode="aspectFill"></image> mode="aspectFill"></image>
小程序链接 小程序链接
</view> </view>
<view class="shadowBox1Item" @click="openSave"> <!-- <view class="shadowBox1Item" @click="openSave">
<image <image
src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_saveImg.png" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/shop_saveImg.png"
mode="aspectFill"></image> mode="aspectFill"></image>
二维码海报 二维码海报
</view> </view> -->
</view> </view>
</view> </view>
</view> </view>