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

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

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

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

@ -48,11 +48,13 @@
</div> </div>
<!-- 列表、热门 --> <!-- 列表、热门 -->
<div class="sec-2"> <div class="sec-2">
<div class="list"> <div class="title">
<div class="list-hd"> <div class="l">
<div class="l">大家都在测</div> 大家都在测
<div @click="goList" class="r">更多>></div>
</div> </div>
<div @click="goList" class="r color-yellow more">更多>></div>
</div>
<div class="list">
<div class="list-bd"> <div class="list-bd">
<list-item :data="item" :key="index" v-for="(item, index) in hotList"></list-item> <list-item :data="item" :key="index" v-for="(item, index) in hotList"></list-item>
</div> </div>
@ -276,7 +278,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.p-result { .p-result {
.main { .main {
padding: 40rpx 20rpx 60rpx; padding: 48rpx 20rpx 60rpx;
} }
.sec-1 { .sec-1 {
.wrap { .wrap {
@ -334,7 +336,24 @@ export default {
} }
.sec-2 { .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 { .list {
background-color: #fff; background-color: #fff;
border: 6rpx solid #ffdc34; border: 6rpx solid #ffdc34;
@ -356,6 +375,11 @@ export default {
} }
} }
} }
.more {
font-weight: 700;
font-size:28rpx;
}
} }
} }
</style> </style>