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="content-view">
<view class="title">{{item.name}}</view> <view class="title">{{item.name}}</view>
<view class="content">{{item.introduce}}</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>
<view class="left-btn {{showAll ? '' : 'hidden'}}"> <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>
<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>
</view> </view>

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

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