weapp/game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整游戏列表的显示方式

Browse Source
This commit is contained in:
zhl 2019-03-22 20:41:15 +08:00
parent 81c7330f79
commit dae16444c4
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/game-cell.wpy
View File

@ -10,13 +10,13 @@
<view class="content-view">
<view class="title">{{item.name}}</view>
<view class="content">{{item.introduce}}</view>
<view class="zan-label zan-label--primary zan-label--small zan-label--plain" aria-label="">{{item.category}}</view>
<view class="zan-label zan-label--primary zan-label--small zan-label--plain" style="margin-left: 1rpx;" aria-label="">{{item.category}}</view>
</view>
<view class="left-btn {{showAll ? '' : 'hidden'}}">
<view wx:if="{{item.owned}}" class="zan-btn zan-btn--mini zan-btn--plain zan-btn--primary ">
<view wx:if="{{item.owned}}" class="zan-btn zan-btn--small zan-btn--plain zan-btn--primary " style="margin-top: 1rpx">
去玩
</view>
<view wx:else class="zan-btn zan-btn--mini zan-btn--plain zan-btn--warn">
<view wx:else class="zan-btn zan-btn--small zan-btn--plain zan-btn--warn" style="margin-top: 1rpx">
开通
</view>
</view>

21
src/style/game-cell.wxss
View File

@ -1,18 +1,18 @@
.game-cell {
display: flex;
flex-flow: row nowrap;
padding: 15px 15px 5px 15px;
padding: 5px;
border-bottom: 1px solid #eee;
width: 750rpx;
}
.game-cell .game-icon {
margin-right:0.8em;
width:120rpx;
line-height:120rpx;
margin-right:10px;
width:70px;
line-height:70px;
text-align:center;
margin-left: 15px;
height:120rpx;
margin-top:11rpx;
height:70px;
margin-top:5px;
}
.game-cell .game-icon image {
width: 100%;
@ -23,11 +23,11 @@
.content-view {
flex:1;
min-width:0;
margin-right: 15px;
margin-right: 10px;
}
.content-view .title {
font-weight:400;
font-size:17px;
font-size:15px;
width:auto;
overflow:hidden;
text-overflow:ellipsis;
@ -35,11 +35,11 @@
word-wrap:normal;
word-wrap:break-word;
word-break:break-all;
margin-bottom: 2px;
}
.content-view .content {
color:#999999;
font-size:13px;
font-size:12px;
line-height:1.2;
display:-webkit-box;
word-break:break-all;
@ -47,6 +47,7 @@
overflow:hidden;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
min-height:29px;
}
.game-cell::after {
position: absolute;