|
|
@@ -30,7 +30,7 @@
|
|
|
<u-image class="newsList-img" :src="item.likeMemberFaceImage" height="260" width="260" border-radius="10"></u-image>
|
|
|
</view>
|
|
|
<view class="praiseMain-add" v-if="item.chatNotReadNum != '0'">
|
|
|
- <span>{{item.chatNotReadNum}}条未读消息</span>
|
|
|
+ {{item.chatNotReadNum}}条未读消息
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="praiseMain-pic-text">恭喜！您与「{{item.likeMemberName}}」相互点赞！</view>
|
|
|
@@ -39,6 +39,29 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="praiseMain">
|
|
|
+ <view class="praiseMain-item">
|
|
|
+ <view class="praiseMain-tit">恭喜配对成功!</view>
|
|
|
+ <view class="praiseMain-pic">
|
|
|
+ <view class="praiseMain-pic-item">
|
|
|
+ <u-image class="newsList-img" src="/static/img/sexMan.png" height="260" width="260" border-radius="10"></u-image>
|
|
|
+ </view>
|
|
|
+ <view class="praiseMain-heart">
|
|
|
+ <u-icon custom-prefix="custom-icon" name="heart-2-fill" size="36px" color="#fff"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="praiseMain-pic-item">
|
|
|
+ <view class="praiseMain-add">
|
|
|
+ 123123条未读消息
|
|
|
+ </view>
|
|
|
+ <u-image class="newsList-img" src="/static/img/sexMan.png" height="260" width="260" border-radius="10"></u-image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="praiseMain-pic-text">恭喜！您与「123123」相互点赞！</view>
|
|
|
+ <view class="praiseMain-btn">
|
|
|
+ <u-button type="error" shape="circle" @click="gotoUrl('pages/user/message?id='+item.likeMemberId)" :custom-style="customStyle">联系Ta</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -124,7 +147,7 @@
|
|
|
top: 95px;
|
|
|
left: 50%;
|
|
|
margin-left: -30px;
|
|
|
- z-index: 9;
|
|
|
+ z-index: 99;
|
|
|
line-height: 60px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
@@ -147,17 +170,24 @@
|
|
|
.praiseMain-btn{
|
|
|
padding: 0 15px;
|
|
|
}
|
|
|
+ .praiseMain-pic-item{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
.praiseMain-add{
|
|
|
position: absolute;
|
|
|
+ background:rgba(0,0,0,0.5);
|
|
|
+ height: 20px;
|
|
|
z-index: 9;
|
|
|
- right: 36px;
|
|
|
- top: 168px;
|
|
|
- background: rgba(0,0,0,0.5);
|
|
|
- padding:2px 24px;
|
|
|
- span{
|
|
|
- margin-left: 3px;
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
+ border-radius: 0 0 5px 5px;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ color:#fff;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 20px;
|
|
|
+ backdrop-filter: blur(8px);
|
|
|
+ /* Note: backdrop-filter has minimal browser support */
|
|
|
}
|
|
|
}
|
|
|
.navbar-tit{
|
