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

将游戏详情页面的css独立成文件

Browse Source
This commit is contained in:
zhl 2019-02-19 10:18:17 +08:00
parent ad390e6aa4
commit 837849be14
2 changed files with 81 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
src/pages/gameInfo.wpy
View File

@ -1,84 +1,5 @@
<style lang="less"> <style lang="less">
.top-bar { @import "../style/game-info.wxss";
display: flex;
margin: 20rpx;
}
.top-game-icon {
width: 130rpx;
height: 130rpx;
border-radius: 10rpx;
overflow: hidden;
}
.top-game-icon image {
width: 100%;
height: 100%;
margin-right: 20rpx;
}
.top-bar .top-game-info {
margin-left: 20rpx;
display: flex;
flex-direction: column;
}
.top-bar .top-game-title {
color: #576b95;
font-size: 32rpx;
font-weight: bold;
}
.top-bar .top-game-desc {
color: #777;
font-size: 26rpx;
}
.game-introduce-view {
padding-bottom: 100rpx;
margin-top:10rpx;
}
.more-game-info {
border-bottom: 1px solid #eee;
margin-top:10rpx;
padding-bottom:10rpx;
}
.game-introduce {
padding: 5rpx 20rpx;
font-size: 26rpx;
}
.game-introduce-more {
padding: 5rpx 20rpx;
font-size: 26rpx;
}
.part-title {
color: #777777;
font-size: 30rpx;
font-weight: bold;
padding: 5rpx 20rpx;
}
.hidden {
display: none;
}
.game-introduce-btn {
color: #777;
font-size: 26rpx;
padding: 8rpx 20rpx;
text-align: right;
margin-bottom: 10rpx;
border-bottom: 1px solid #eee;
}
.game-info-cell {
display: flex;
width: 100%;
margin: 5rpx 20rpx;
padding-bottom: 8rpx;
}
.game-info-cell .game-info-label {
font-size: 26rpx;
color: #777;
width: 14%;
text-align: right;
}
.game-info-cell .game-info-value {
font-size: 26rpx;
color: #000;
margin-left: 20rpx;
}
</style> </style>
<template> <template>
<view class="top-bar"> <view class="top-bar">

80
src/style/game-info.wxss Normal file
View File

@ -0,0 +1,80 @@
.top-bar {
display: flex;
margin: 20rpx;
}
.top-game-icon {
width: 130rpx;
height: 130rpx;
border-radius: 10rpx;
overflow: hidden;
}
.top-game-icon image {
width: 100%;
height: 100%;
margin-right: 20rpx;
}
.top-bar .top-game-info {
margin-left: 20rpx;
display: flex;
flex-direction: column;
}
.top-bar .top-game-title {
color: #576b95;
font-size: 32rpx;
font-weight: bold;
}
.top-bar .top-game-desc {
color: #777;
font-size: 26rpx;
}
.game-introduce-view {
padding-bottom: 100rpx;
margin-top:10rpx;
}
.more-game-info {
border-bottom: 1px solid #eee;
margin-top:10rpx;
padding-bottom:10rpx;
}
.game-introduce {
padding: 5rpx 20rpx;
font-size: 26rpx;
}
.game-introduce-more {
padding: 5rpx 20rpx;
font-size: 26rpx;
}
.part-title {
color: #777777;
font-size: 30rpx;
font-weight: bold;
padding: 5rpx 20rpx;
}
.hidden {
display: none;
}
.game-introduce-btn {
color: #777;
font-size: 26rpx;
padding: 8rpx 20rpx;
text-align: right;
margin-bottom: 10rpx;
border-bottom: 1px solid #eee;
}
.game-info-cell {
display: flex;
width: 100%;
margin: 5rpx 20rpx;
padding-bottom: 8rpx;
}
.game-info-cell .game-info-label {
font-size: 26rpx;
color: #777;
width: 14%;
text-align: right;
}
.game-info-cell .game-info-value {
font-size: 26rpx;
color: #000;
margin-left: 20rpx;
}