TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

修改文字

Browse Source
This commit is contained in:
zhangmanman
2021-09-27 12:12:50 +08:00
parent 9e9fc63c1b
commit 3e3215df42
9 changed files with 129 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/found/index.vue
View File

@@ -21,6 +21,9 @@
</view>
<view class="sign">
<view class="sign-list" :class="{ active: item.sign }" v-for="(item, index) in sign.signArr" :key="index">
<view class="sign-tips" v-if="item.sign">
<view class="sign-tips-text">已签</view>
</view>
<block v-if="index == 7">
<image class="sign-list-img" :src="item.sign ? '../../static/user/sign_icon_last_active.png' : '../../static/user/sign_icon_last.png'" mode="aspectFill"></image>
</block>
@@ -257,9 +260,9 @@
margin: 0 0 30rpx;
padding: 0 30rpx;
box-sizing: border-box;
overflow: hidden;
.sign-list {
width: calc(14.28% - 20rpx);
position: relative;
margin: 0 10rpx;
display: inline-block;
text-align: center;
@@ -267,6 +270,33 @@
border-radius: 10rpx;
padding: 20rpx 0;
box-sizing: border-box;
.sign-tips {
position: absolute;
top: -20rpx;
left: calc(50% - 30rpx);
background-color: #ef4034;
font-size: 24rpx;
color: #FFFFFF;
height: 32rpx;
line-height: 30rpx;
width: 60rpx;
text-align: center;
border-radius: 6rpx;
.sign-tips-text {
transform: scale(0.85);
}
&::after {
position: absolute;
content: '';
left: calc(50% - 8rpx);
bottom: -6rpx;
width: 0;
height: 0;
border-left: 8rpx solid transparent;
border-right: 8rpx solid transparent;
border-top: 8rpx solid #ef4034;
}
}
.sign-list-img {
width: 38rpx;
height: 38rpx;