修改首页各板块的背景色和间隔
This commit is contained in:
zhl
parent
bff1afa742
commit
161e2cbddb
@ -1,6 +1,7 @@
|
||||
const env = 'test'; //product, test
|
||||
export default {
|
||||
env: env,
|
||||
// apiBase: env === 'test'? 'http://192.168.100.226' : 'https://ghost.kingsome.cn',
|
||||
apiBase: env === 'test'? 'https://ghost-test.kingsome.cn' : 'https://ghost.kingsome.cn',
|
||||
cdnBase: 'https://h5games-al.kingsome.cn/emulator-static/',
|
||||
version: '1.0.0',
|
||||
|
||||
@ -1,5 +1,9 @@
|
||||
<!--游戏cell-->
|
||||
<style lang="less">
|
||||
.recent-game-container {
|
||||
background-color:#FFFFFF;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.recent-game {
|
||||
width: 750rpx;
|
||||
margin-bottom: 10px;
|
||||
@ -25,28 +29,46 @@
|
||||
}
|
||||
.comp-title {
|
||||
font-size:30rpx;
|
||||
color:#777777;
|
||||
color:#aaa;
|
||||
font-weight:bold;
|
||||
padding:13rpx 20rpx;
|
||||
border-top:1px solid #eee;
|
||||
background-color:#EFEFF4;
|
||||
padding:15rpx 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
.comp-title::after {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-top: 1rpx solid #eee;
|
||||
background: #eee;
|
||||
content: ' ';
|
||||
}
|
||||
.title-divider {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.selected {
|
||||
color: green;
|
||||
color: #777777;
|
||||
position: relative;
|
||||
}
|
||||
.selected::after{
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
bottom: -6px;
|
||||
border-top: 3px solid #777777;
|
||||
background: #777777;
|
||||
content: ' ';
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<view>
|
||||
<view class="recent-game-container">
|
||||
<view class="comp-title">
|
||||
<i class="icon-bookmark"></i>
|
||||
<repeat for="{{titleList}}" item="titleStr" index="index">
|
||||
<text class="{{idx === index ? 'selected': ''}}" @tap="selectTitle({{index}})">{{titleStr}}</text>
|
||||
<text class="title-divider {{titleStr? '' : 'hidden'}} {{index === titleList.length - 1 ? 'hidden' : ''}}">|</text>
|
||||
<text class="title-divider {{titleStr? '' : 'hidden'}} {{index === titleList.length - 1 ? 'hidden' : ''}}"></text>
|
||||
</repeat>
|
||||
</view>
|
||||
<view class="recent-game">
|
||||
@ -67,7 +89,7 @@
|
||||
props = {
|
||||
gameList: [],
|
||||
titleList: [],
|
||||
idx: {type: Number, default: -1}
|
||||
idx: {type: Number, default: 0}
|
||||
}
|
||||
data = {
|
||||
|
||||
|
||||
@ -40,10 +40,12 @@
|
||||
<view class="left"><i class="icon-bookmark"></i> 热门游戏</view>
|
||||
<view class="right" @tap="toSearch"><i class="icon-search"></i> 搜索</view>
|
||||
</view>
|
||||
<repeat for="{{records}}" item="item" >
|
||||
<recordCell :item="item" @gameCellTap.user="gameTap" :showAll.sync = 'showAll'/>
|
||||
</repeat>
|
||||
<zanLoadmore :loading.sync="loading" :nodata.sync="noData" :nomore.sync="noMore" nodata_str="暂无数据"></zanLoadmore>
|
||||
<view class="record-list">
|
||||
<repeat for="{{records}}" item="item" >
|
||||
<recordCell :item="item" @gameCellTap.user="gameTap" :showAll.sync = 'showAll'/>
|
||||
</repeat>
|
||||
<zanLoadmore :loading.sync="loading" :nodata.sync="noData" :nomore.sync="noMore" nodata_str="暂无数据"></zanLoadmore>
|
||||
</view>
|
||||
<toast/>
|
||||
<inviteView :config.sync="inviteViewCfg" :btnList.sync="inviteBtns" @inviteBtnClick.user="inviteBtnClick" @needHideMe.user="hideInviteView"></inviteView>
|
||||
<zanToptips/>
|
||||
|
||||
@ -2,8 +2,8 @@
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
padding: 5px;
|
||||
border-bottom: 1px solid #eee;
|
||||
width: 750rpx;
|
||||
position: relative;
|
||||
}
|
||||
.game-cell .game-icon {
|
||||
margin-right:10px;
|
||||
@ -53,11 +53,11 @@
|
||||
}
|
||||
.game-cell::after {
|
||||
position: absolute;
|
||||
left: 15rpx;
|
||||
left: 10px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-top: 1rpx solid #e5e5e5;
|
||||
background: #e5e5e5;
|
||||
border-top: 1rpx solid #eee;
|
||||
background: #eee;
|
||||
content: ' ';
|
||||
}
|
||||
.left-btn {
|
||||
|
||||
@ -1,6 +1,9 @@
|
||||
page {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.container {
|
||||
background-color: #EFEFF4;
|
||||
}
|
||||
.userinfo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -32,7 +35,7 @@ page {
|
||||
background-color: #fff;
|
||||
z-index: 2;
|
||||
width: 750rpx;
|
||||
margin-bottom:15px;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
|
||||
.zan-loadmore--nodata {
|
||||
@ -43,7 +46,27 @@ page {
|
||||
justify-content: space-between;
|
||||
font-size:30rpx;
|
||||
width: 750rpx;
|
||||
background-color:#EFEFF4;
|
||||
background-color:#ffffff;
|
||||
margin-bottom:1px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.list-title::after{
|
||||
position: absolute;
|
||||
left: 15rpx;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-top: 1rpx solid #e5e5e5;
|
||||
background: #e5e5e5;
|
||||
content: ' ';
|
||||
}
|
||||
.list-title::before{
|
||||
position: absolute;
|
||||
left: 15rpx;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-top: 1rpx solid #e5e5e5;
|
||||
background: #e5e5e5;
|
||||
content: ' ';
|
||||
}
|
||||
.list-title .left{
|
||||
margin-left:10rpx;
|
||||
@ -86,4 +109,7 @@ page {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
.record-list {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user