今日运势弹出层样式调整

wk-dev
Wkang921 2 years ago
parent 5c634acd1d
commit 057ed9c144

@ -24,11 +24,13 @@
<image class="xzy" src="{{xzInfo[userInfo.constellation].avatar}}"></image> <image class="xzy" src="{{xzInfo[userInfo.constellation].avatar}}"></image>
<view class="ttpopup" wx:if="{{visible}}" bindtap="closeYs"> <view class="ttpopup" wx:if="{{visible}}" bindtap="closeYs">
<view class="ztys">{{userInfo.horoscope.summary}}</view> <view class="ztys">{{userInfo.horoscope.summary}}</view>
<view class="ttpopup-img"/> <view class="ttpopup-box">
<view class="rjkzs">健康指数<t-rate value="{{userInfo.horoscope.health / 20}}" icon="{{ ['star-filled', 'star'] }}" color="#FCFC32" /></view> <view class="ttpopup-img"/>
<view class="raqzs">爱情指数<t-rate value="{{userInfo.horoscope.love / 20}}" icon="{{ ['star-filled', 'star'] }}" color="#FCFC32" /></view> <view class="rjkzs">健康指数<t-rate value="{{userInfo.horoscope.health / 20}}" icon="{{ ['star-filled', 'star'] }}" color="#FCFC32" /></view>
<view class="rcyzs">财运指数<t-rate value="{{userInfo.horoscope.money / 20}}" icon="{{ ['star-filled', 'star'] }}" color="#FCFC32" /></view> <view class="raqzs">爱情指数<t-rate value="{{userInfo.horoscope.love / 20}}" icon="{{ ['star-filled', 'star'] }}" color="#FCFC32" /></view>
<view class="rcyzs">财运指数<t-rate value="{{userInfo.horoscope.money / 20}}" icon="{{ ['star-filled', 'star'] }}" color="#FCFC32" /></view>
</view>
</view> </view>
<!-- 第一次登入欢迎页面 --> <!-- 第一次登入欢迎页面 -->

@ -213,10 +213,11 @@
.ttpopup{ .ttpopup{
position: absolute; position: absolute;
top: 320rpx; /* top: 320rpx; */
bottom: 290rpx;
left: 44rpx; left: 44rpx;
width: 660rpx; width: 660rpx;
height: 860rpx; /* height: 860rpx; */
padding: 90rpx 46rpx 0 46rpx; padding: 90rpx 46rpx 0 46rpx;
box-sizing: border-box; box-sizing: border-box;
border-radius: 30rpx; border-radius: 30rpx;
@ -228,6 +229,11 @@
z-index: 999; z-index: 999;
} }
.ttpopup-box {
margin-bottom: 50rpx;
}
.ttpopup-img { .ttpopup-img {
width: 480rpx; width: 480rpx;
height: 22rpx; height: 22rpx;
@ -336,7 +342,7 @@
} }
.isFirst-img { .isFirst-img {
width: 328rpx; width: 600rpx;
height: 774rpx; height: 774rpx;
margin-top: 290rpx; margin-top: 290rpx;
display: flex; display: flex;

Loading…
Cancel
Save