op-admin/maker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change css

Browse Source
This commit is contained in:
yuexin 2019-12-03 19:38:54 +08:00
parent 256db39fb8
commit 506322fc0b
3 changed files with 69 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/pages/details/index.vue
View File

@ -5,7 +5,7 @@
<div class="sec-1">
<div class="wrap">
<div class="title">
<span class="color-white">测试</span>
<span>测试</span>
<span>题目</span>
</div>
<div class="card">
@ -22,11 +22,13 @@
</div>
<!-- 列表、热门 -->
<div class="sec-2">
<div class="list">
<div class="list-hd">
<div class="l">大家都在测</div>
<div @click="goList" class="r">更多>></div>
<div class="title">
<div class="l">
大家都在测
</div>
<div @click="goList" class="r color-yellow more">更多>></div>
</div>
<div class="list">
<div class="list-bd">
<list-item :data="item" :key="index" v-for="(item, index) in hotList"></list-item>
</div>
@ -63,12 +65,13 @@ export default {
},
onShow() {
let tmpData = this.$mp.page.data['$root'];
if (tmpData) {
if (tmpData && tmpData[0]) {
this._id = tmpData[0]._id;
this.maker = tmpData[0].maker;
this.hotList = tmpData[0].hotList;
this.users = tmpData[0].users;
}
wx.pageScrollTo({scrollTop: 0});
},
mounted() {
this.getData()
@ -124,7 +127,7 @@ export default {
<style lang="less" scoped>
.p-details {
.main {
padding: 40rpx 32rpx 60rpx;
padding: 48rpx 32rpx 60rpx;
}
.sec-1 {
.wrap {
@ -145,6 +148,7 @@ export default {
line-height: 64rpx;
font-weight: 700;
background-color: #ffdc34;
color: #B8860B;
}
.card {
@ -208,7 +212,24 @@ export default {
}
.sec-2 {
margin-top: 30rpx;
margin-top: 48rpx;
.title {
display: flex;
justify-content: space-between;
align-items: center;
.l {
font-size: 28rpx;
font-weight: 700;
background-color:#ffdc34;
height:56rpx;
padding:0rpx 32rpx;
line-height:56rpx;
color:#FAFAD2;
padding-left: 20rpx;
}
.r {
}
}
.list {
background-color: #fff;
border: 6rpx solid #ffdc34;
@ -216,13 +237,14 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
height: 80rpx;
height: 64rpx;
padding: 0 32rpx;
line-height: 80rpx;
line-height: 64rpx;
border-bottom: 1px solid #f0f0f0;
.l {
font-weight: 700;
color: #ffdc34;
font-size: 28rpx;
}
.r {
font-size: 28rpx;
@ -231,5 +253,10 @@ export default {
}
}
}
.more {
font-weight: 700;
font-size:28rpx;
}
}
</style>

4
src/pages/index/index.vue
View File

@ -306,9 +306,9 @@ export default {
font-size: 28rpx;
font-weight: 700;
background-color:#ffdc34;
height:48rpx;
height:52rpx;
padding:0rpx 32rpx;
line-height:48rpx;
line-height:52rpx;
color:#FAFAD2;
}
.r {

36
src/pages/result/index.vue
View File

@ -48,11 +48,13 @@
</div>
<!-- 列表、热门 -->
<div class="sec-2">
<div class="list">
<div class="list-hd">
<div class="l">大家都在测</div>
<div @click="goList" class="r">更多>></div>
<div class="title">
<div class="l">
大家都在测
</div>
<div @click="goList" class="r color-yellow more">更多>></div>
</div>
<div class="list">
<div class="list-bd">
<list-item :data="item" :key="index" v-for="(item, index) in hotList"></list-item>
</div>
@ -276,7 +278,7 @@ export default {
<style lang="less" scoped>
.p-result {
.main {
padding: 40rpx 20rpx 60rpx;
padding: 48rpx 20rpx 60rpx;
}
.sec-1 {
.wrap {
@ -334,7 +336,24 @@ export default {
}
.sec-2 {
margin-top: 30rpx;
margin-top: 48rpx;
.title {
display: flex;
justify-content: space-between;
align-items: center;
.l {
font-size: 28rpx;
font-weight: 700;
background-color:#ffdc34;
height:56rpx;
padding:0rpx 32rpx;
line-height:56rpx;
color:#FAFAD2;
padding-left: 20rpx;
}
.r {
}
}
.list {
background-color: #fff;
border: 6rpx solid #ffdc34;
@ -356,6 +375,11 @@ export default {
}
}
}
.more {
font-weight: 700;
font-size:28rpx;
}
}
}
</style>