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

修改game cell的样式

Browse Source
This commit is contained in:
zhl 2019-02-19 21:04:37 +08:00
parent 8d601f4674
commit aea9dc6fcd
4 changed files with 32 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,12 +19,12 @@
} }
.comp-title { .comp-title {
font-size:30rpx; font-size:30rpx;
margin-left:10rpx;
color:#777777; color:#777777;
font-weight:bold; font-weight:bold;
padding:13rpx 10rpx; padding:13rpx 20rpx;
border-top:1px solid #eee; border-top:1px solid #eee;
background-color:#EFEFF4;
margin-bottom: 20rpx;
} }
</style> </style>
<template> <template>

40
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: 20rpx; padding: 15px;
width: 660rpx;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
width: 100%;
} }
.game-cell .game-icon { .game-cell .game-icon {
width: 130px; margin-right:0.8em;
float: left; width:60px;
position: relative; height:60px;
overflow: hidden; line-height:60px;
background-size: cover; text-align:center;
margin-left: -15px; margin-left: 15px;
padding: 2px;
} }
.game-cell .game-icon image { .game-cell .game-icon image {
width: 100%; width: 100%;
@ -21,16 +21,26 @@
max-height: 100%; max-height: 100%;
} }
.content-view { .content-view {
display: flex; flex:1;
flex-flow: column nowrap; min-width:0;
margin-left: 5px; margin-right: 15px;
} }
.content-view .title { .content-view .title {
font-size: 32rpx; font-weight:400;
font-size:17px;
width:auto;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
word-wrap:break-word;
word-break:break-all;
} }
.content-view .content { .content-view .content {
font-size: 24rpx; color:#999999;
color: #777; font-size:13px;
line-height:1.2;
display:-webkit-box; display:-webkit-box;
word-break:break-all; word-break:break-all;
text-overflow:ellipsis; text-overflow:ellipsis;

3
src/style/game-info.wxss
View File

@ -60,6 +60,9 @@
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
padding: 5rpx 20rpx; padding: 5rpx 20rpx;
background-color:#EFEFF4;
margin-bottom:20rpx;
} }
.hidden { .hidden {
display: none; display: none;

1
src/style/index.wxss
View File

@ -42,6 +42,7 @@ page {
font-size:30rpx; font-size:30rpx;
width: 100%; width: 100%;
margin-top: 20rpx; margin-top: 20rpx;
background-color:#EFEFF4;
} }
.list-title .left{ .list-title .left{
margin-left:10rpx; margin-left:10rpx;