Skip to content

V
vue-ssr-mobile
Commit 042ac993 authored by lixy's avatar lixy
Browse files
Options

细节调整

parent b9f2b86a
Show whitespace changes
Inline Side-by-side
Showing with 107 additions and 71 deletions
assets/styles/base.scss
View file @ 042ac993
...@@ -134,6 +134,11 @@ input[disabled] { ...@@ -134,6 +134,11 @@ input[disabled] {
.tc{ .tc{
text-align: center; text-align: center;
} }
.flex-jcb-aie{
display: flex;;
justify-content: space-between;
align-items: flex-end;
}
.empty_data{ .empty_data{
font-size: 12px; font-size: 12px;
color: #999; color: #999;
......
pages/aboutXx.vue
View file @ 042ac993
This source diff could not be displayed because it is too large. You can view the blob instead.
pages/activity.vue
View file @ 042ac993
...@@ -196,7 +196,7 @@ ...@@ -196,7 +196,7 @@
} }
.activity-addr{ .activity-addr{
font-size: 12px; font-size: 12px;
color: #999; color: #666;
} }
} }
</style> </style>
pages/activityDetail/index.vue
View file @ 042ac993
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</div> </div>
<div <div
class="flex-aic" class="flex-aic"
style="margin: 13px 0;"> style="margin: 6px 0;">
<span style="color: #666;font-size: 14px;">活动时间</span> <span style="color: #666;font-size: 14px;">活动时间</span>
<div>{{ detail.startTime | formatDate('yyyy-MM-dd hh:mm') }}~{{ detail.endTime | formatDate('yyyy-MM-dd hh:mm') }} </div> <div>{{ detail.startTime | formatDate('yyyy-MM-dd hh:mm') }}~{{ detail.endTime | formatDate('yyyy-MM-dd hh:mm') }} </div>
</div> </div>
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<div style="height: 10px;background: #eee;"/> <div style="height: 10px;background: #eee;"/>
</div> </div>
<div class="flex-jcb activity-detail"> <div class="flex-jcb activity-detail">
<div style="background: #fff;margin: 20px 0;"> <div style="background: #fff;margin: 17px 0;">
<h3 <h3
class="content-t" class="content-t"
style="text-align: left;">活动详情</h3> style="text-align: left;">活动详情</h3>
...@@ -78,9 +78,9 @@ ...@@ -78,9 +78,9 @@
.activity-detail-page { .activity-detail-page {
font-size: px2rem(24px); font-size: px2rem(24px);
.content-t{ .content-t{
font-size: 15px; font-size: 16px;
font-weight: bold; font-weight: bold;
margin-bottom: 13px; margin-bottom: 10px;
} }
.detail-main-container{ .detail-main-container{
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
...@@ -90,16 +90,16 @@ ...@@ -90,16 +90,16 @@
position: relative; position: relative;
background: #fff; background: #fff;
.activity-detail-name{ .activity-detail-name{
padding: 15px px2rem(20px); padding: 17px px2rem(20px);
font-size: px2rem(34px); font-size: 18px;
font-weight: bold; font-weight: bold;
border-bottom: 1px solid #dfdfdf; border-bottom: 1px solid #eee;
} }
.activity-detail{ .activity-detail{
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
} }
.activity-detail-info{ .activity-detail-info{
padding: 13px px2rem(20px); padding: 17px px2rem(20px);
font-size: 14px; font-size: 14px;
span{ span{
color: #666; color: #666;
......
pages/campsiteDetail/index.vue
View file @ 042ac993
...@@ -24,11 +24,11 @@ ...@@ -24,11 +24,11 @@
<img <img
style="margin-right: 5px;width: 17px;" style="margin-right: 5px;width: 17px;"
src="data:image/png;base64,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"> src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAABlNJREFUaIG9Wj9MG1cY/6U6I1vnq3RI2NgNVLKJIQJBAGeIo+IsyRBn6ZQM3QpDOyVDYYIlU9shbAwkUzrA1gEytEOxh6gDOIAUEUyMFNz6sJG44XyyhS3RwbHj9+7fu/Olv+3Ofn9+7/ve933v9+7K5eXlJVxC5qyAnfMSjhQZAJBTzlFp1OHnPIgJvQCAqd4gZvoGEBNEt4YFAFzplsiOXML6h3fIyqeoNOrM7UJeHlO9QcxGJhDy8d1MAUAXRHKKjOXDbWTlUteTSIUjeDwch8D1OO7DEZFnh9tYP3nneFA9+DkPHg/H8SAcddTeFhGlcYGF3bShFfq9PJKBAcwEBgAA02Kw3S6nyKjUL5AuF5A+K0A1cMOHgyN4Mhy3y4OdSE6RsbC7Bamman6bFAOYjU60J86CjWIez/P7ONXpb0oM4ucbSVuuxkREaVzgx+0/29GohSG/iCcjcVsEaGwU83h2uK2xUCocweJogrkfJiLzu2lkzgrEu0kxgF9u3Olqg7aQU2TM725prPN4eBqPBq8z9fGF1R9W8/saEvdDEazE77lCAgBigoiXt1IY8pO5ZflwBzuMUdGUiFRVsX5yQLwb8otYGmM3OSsErge/3rgDnvMQ75cPt5namxJZze8RSa7fy2Pl5l0H02RDyMdjJX6PeHekyNgo5i3bGhKRqipeScfEu9nouGvuZISYIOJ+KEK8e5Hft2zHGf2wRrlUv5dnTlZSVUXmrICccg6pquKaICIm9GImcJVpIeaiE8QiSjUV6XIByY/5SQ+GROikNxsdZ+GA58f7eE6tYKsv/6EHi6MJ0wkBTRd7ODhCVA9ZuWTaTte1pKqqyRlWgwPNME2T6ESlUcfCXhqrDK4yReWmTLlg8M8mdC2SPjshnmf6rF1i7eSACNOTYgCpcBQhnx9HyjnWPrxr54kXx/tIBsxL+WRgADznaSdKqaYip8iGbXQtotTJLHvt41nCCFJVJSzxfWQcK/F7eBCOYloM4tHgdby8lcJM39X2fxZ2t0z7BKCZtNK4MPyvLpEK1UDwePT+1kbrAAU0LTGns58ErgeLY4l2npBqKqSqts6i2xDzqtskklPOiWcri+Q69tOU2G86sc5VLtYqpv3S4+aofdsJyxKFBVL104SsTnuxjsl1tusWrhCJfflpla3cpdPaIZ/fjeEBGBAJeckBjihXo9HpAq9Mygk6rFuV//S4ZtbWJ0KtFB3FaEyLQUyKgeZkayrmd9OaCCNVVczvbbWDwsPBEdM+AW2UMrOgbh6hmWflUwDmmX1p9Da++3sDaqOOzFkBd/8qtJOa0rggLNHv5ZkqhTdymXgOe42J6FokRkULOsvrIeTjsTSaIMrwrFxCVi4R7Yf8ItOBjN5rPOex71p0Iqo06pabGGhm49+/+VZTvbYm8n1kHL/dSjGJczvyqemcaBgWjZNigDDtjnyKBz7r6lfgerA0lsDSWAJSVUWxVkHY67ctwmXPyaLVLD8BJuGXbkh3zIKQj8e0GHSkJL6hqu+pXvMIZ0iErnZfScemtY6b2JFLhOzEcx7LUG1IJCaI6PeSK5m2KKXdwua/ZC5K9lkfIUwzu90zgVugVRsrtwIsiKS+Ijd35uyfz+5e6XKBEDx4zsN0qDMlMi0GNe61yaBodAPafZN9A0znfMuiMUUJDusf3FXhO6Gn3NBeYQRLIo++JmsiqaYy6UxOsJrfI577vTyzrmxJROB6HOlMdmGko7GC6TwyF50gB/0MVulGRwMYiYR8/Ge1SlNjJveeHWsANk6IelZh0adY8PTta+LZrjUAG0Ra6l8nXhzvmwoCLFg7OdComk6u3myd2Wej4xrZn15NO6D1MKBZdbMkQBq2iAhcD5ao67AjRXZERmlcEEdfoJnFl0Zv2+4LcKCiJAMDhGIIAJvFY03UscLy4bbm5DkXHXf88YAjOWhxLKF7TcZy9640LvD07WtsFsmccT8UYb4v1ENXXz78sP2H7m2s0VcMLSVF73Z45ebd///LhxaMyPg5D+aiE5gUg4gJIrJyCelyQddibpAAXPioxogMC9wiAbhABGi6zE+7W3hfYc8pM31XsTiWcO1O0hUiLazm97F2cmBqnZY45/TjGSO4SgRoRqV0uYBMuYBiVcX7ioxJMQCB60EqHHWU7FjwH4v309CQVigHAAAAAElFTkSuQmCC">
<div style="font-size: 14px;">{{ detail.address }}</div> <div style="font-size: 14px;color: #666;">{{ detail.address }}</div>
</div> </div>
<div <div
class="flex-aic" class="flex-aic"
style="margin: 13px 0;"> style="margin: 6px 0;">
<img <img
style="margin-right: 5px;width: 18px;" style="margin-right: 5px;width: 18px;"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAACaBJREFUaIHtWmtwlNUZfp7zfdlNSEK4aEFUYCxtNVRt3ACiOBJLiAYvjBWcggJBVEaddkB0tMW60o4jo/YHlY5RgRIwdqLW6ag0EBAUwQayclOsWkGgKJRrDLns5TtPf+wGE7JJQMniTH3+7e573vM857zfed/3fAt8j+8WeCrGgZrSbk59zz5OGpzM+iMHRqz7si4YDNquIncq6FTI8MoXehmkXRo15iEIw2hgIDZI+oQOluor++qGmycfSgXZjtChkEDlkstcg0dB3gCplS1JCGqE8KaJ2cff27BzC87g7rQrZOiKsnyAfyYwpIV1lJKV6G8xUoQ20OHM8w75q18eP97rWsrJYZJ9OWxleR8AcyEMSWiVgBoSJU31Xl+vKXIhxHcSYihwmPUwf0dmJDd11FujzY7kVlT4snOaHgH4IAhfwmxdTNFpodFTPgYpABjy5qK+xnXnkpgowiEIWYRixrs5VDh5d2plJNmRzB7RXNDcCiREUPuinndPqKjkuAgA2DimZJ8DPSCgAoIStpe51pl9yfKyzBTxP442QghbJNr+8b2ihfj8+9dN3gpAJ9quL5r0XxuNzQS4Vs3DqVvSjTOii3m3QWshwaABUEjRH485HZTFqx052DimZJ+MZkPanwjUnpC9Zfj6ioyuoZwcrYTkDc3tDWFw/GgFSHx02Pb+V2dOInWxbQIqIYpxpzdFDh05pWT7bdFKiGuPZZP4gSQgflJ9+O/i4nBnTjaPnVILmi2EIgIg4GzjZAzpbNzpRCshTMtS83cELYR9J+WFFOVFhPgKkPQcR31PN9mO0EpIxJd2BDRKZG0Dsu7EjJ4MQ95c1BfijQDSSUJSHYzZ32Wsk6CVkAz7VSZojyZCiwDdQOg5t93REgNVSy920tLmgbyGIBKbsvlIQyTUpcxPQCuS1rPdAO4D2DNBtE145FbMz8rKyfoFjHmYVUv6ADQCskkyrgE7ITz+8U131KVCQDNa7UiMJgyZvc2fBeWF8u+OHjeoqHCyumfNJp1FFH4CsAeB7gSY2MXtHnRf9XufrUqZggRaCfFlZhwA9AV4/Bi9OlBVkdP8e3523SAa82tAJAkAngArICbxT43S9TXrd1SeiSq4VWi9d8X4xmEryrYCiAlIA2Adr2kMgHIAcIz/YkjpiUehEdLTNua9an2RnaHRd9emmnxLtClRosQyiCQIEC6Anw9aNs8PANZRy/K9ETRrN44p2RwqPLMigCRC3h+142NAq+MpEaRh4Ky0HhcAICz3CbAAQCjHyvpP5nhOBZL0I4/KigsAiAAIXEggD8EgCVtLYA8ACHAcsKBlRXwm0VYIKWuwHcRHiXLDb4Fp43JzGU1P3yVpG6R4hBncObjihV6pJp0MSTvEbDf6KYAVEiwIQBy5s2d47Karxh0kTSWICEhI6JbVwzdrXEWFk1rabZFUyJqCkqaYtX+l4UEIIEkjzBq6qqxXQ4TlgNmVSH4G4LjPe0UuO9PPSlIhABAavWOjhL9AACSQuFSeGb9tzISjomYAiDEeYBcY2TsDK5/rnirSydCuEDBoIfssDT8QCQgZjsGdw9cs/SFo/0ngtUSHayAzwVXGjSljnQTtCwHg9W78D6FSAo0kACHPRs193Rxb78HOh7Qn0UlmEuapyysXjzpVAuMqKpyfvbaoR6CqNKdz6/bRaVwHXi89y/VnlAsoJAwohT2r6fV1O8qzel5wL8UnCPoS2X6LR6+kpnDypk5nlhhYsWSoS4yDeAnIbMnuB8xrtU3hv51q0XlSD2h+1eI8V846QRnxfgOfxjxvamP/jA3ZeyNPgrqHoisIgt72qEkdXQmNXL3abWzafZccPkSY8whQre82Dsli5oZrby87rUIAYOjysjtAPs94nyJJVfR4B3wmKi/2RxK3gnQgQEBNNBYt3lQ89cCJfq58d0F2rNF/r6xmk8iMRywAKArQIWgENRNb3CDdu7VoUn1n/Dp8RlrCM+mvQFoI0MarXxTC1ZxDkYNHI3SCIF+XbS5fkO9zfevzly3Oa+kjUFOaFqv3jwM0y5CZACDBWtmnrHGKCTwi4HM0iyNvSwfnD6+s6DTpnrSQUOH4WmPwNKh1CbKkUNLb7T33WOzQ7ljUm2XAlyXYeIWvQY7LqstXlU0J1JSmAQC+SD9H0K0QesfJKgzyVxuLJj+wcdTElecf9c+VdcdKeBtxlY4hJnomPP24j3Zwykksf8XSKx1qIcQfx9dNUQPn9/60fk9GInu6Rx3zIK2dTjKzOewF1Ah8yDGkrH2BwIBE+fPWhsLPCsEW/YvEwDsv/9QXDi+0QH68sEA9pPHVoycta4/XSe9IM2pG37YONNMB7IgnRKZZ2NkNsd3Tzq1NPxStO/AHgPeT+hyJqpNAvgOtlLVVJAZ8XQNoeSsRAEAqdPX4bVHhN4AOCwSETIBz8la9OOC0CQGADKffWkn3C9qJOFcfZebtyQk/snnsjFqvV8NCRd2b4Ol5CAcB6vjmC6AoCSEv7C5sd8GKbq+CTGnzUUBgsE927MjVq5NehnwjIWsKCmKHvSP/AM0MSbvFeD0Gw9mXVy0tw0GcVX3dhK2NxAzHc26kvDmQKgVutlI1LYL0eE3ohgkHO1wwn+9xUZ/FlTAdFoVhe6BPMttvVeiNXB10j0UHDjN0FsQvIwDEl3AtXDOzuuDTTWDQIhg0gcA56Y1ZPc3gA2g82ZdBgddLu7n+jDmguT9xzbRXUXvNhjGTPzmtQpqRt2xhri/N9wyEkYl+DAC+gMxjx9T4yofXTjv8TfxesrwsMx18lMQDAECiTnR+VD1qQpvLv28UWidiU/HU7fU0v7RSGcBYYnn6gfaZTMe/4Mqq8hGDli3zn6rfbgb9CY5osdy7Yj3qki7Kae8hhqxcMtFYzQN4PImJ3E9iqZH3ot/t/9GagoKmDp0IvGJF2dke8TvQ3A3JTTh6uLrotieSDemSZijv7wv6uT7nWeOYYtI4SrTGEvaJeIOKVWQ5Oe+vGnVzm9faw1aW96HnjSJxlwWvag5VArtknGHJwqrLhAAAgkGTP/T8IsdNexrgRS0nlBgRtBcGWwh+gJhXL+lcY5yL4GAgwH4SMlq8JNvrRcLX1lw/7YP2pktJezr8rbIi6+ExiAESrtq5d0lU1vhagBpArohEo7/dVDx1e0dzpLTPDiwvv9BhdApproM4gFA3CzhEvAUFEO/fpAYIlQ71kom6q969fuKRznyn/MJAkil446VeUb9voEx4kBgbCOv2lrUOYb8UnfXRcM6mUCgUPxC+I/91+R7/t/gfMcg6JijUbBYAAAAASUVORK5CYII="> src="data:image/png;base64,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">
...@@ -237,7 +237,7 @@ ...@@ -237,7 +237,7 @@
span{ span{
color: #666; color: #666;
min-width: 60px; min-width: 60px;
margin-right: 13px; margin-right: 8px;
} }
} }
.detail-main-container{ .detail-main-container{
...@@ -249,8 +249,8 @@ ...@@ -249,8 +249,8 @@
position: relative; position: relative;
background: #fff; background: #fff;
.campsite-detail-name{ .campsite-detail-name{
padding: 14px px2rem(20px) 0 px2rem(20px); padding: 17px 0.42667rem 0 0.42667rem;
font-size: px2rem(34px); font-size: 18px;
font-weight: bold; font-weight: bold;
} }
.vehicle-detail-config{ .vehicle-detail-config{
...@@ -299,12 +299,13 @@ ...@@ -299,12 +299,13 @@
.select-tab{ .select-tab{
width: 100%; width: 100%;
.select-tab-li-l{ .select-tab-li-l{
font-size:16px; font-size:14px;
color: #999; color: #999;
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
} }
.select-tab-li-l.active{ .select-tab-li-l.active{
color: #333; color: #333;
font-size:16px;
font-weight: bold; font-weight: bold;
height: px2rem(100px); height: px2rem(100px);
line-height: px2rem(100px); line-height: px2rem(100px);
...@@ -314,8 +315,8 @@ ...@@ -314,8 +315,8 @@
.scroll0, .scroll1, .scroll2, .scroll3{ .scroll0, .scroll1, .scroll2, .scroll3{
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
.base-set{ .base-set{
margin: 17px 0; margin: 15px 0 10px 0;
font-size: 15px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
.base-set-name{ .base-set-name{
......
pages/news.vue
View file @ 042ac993
...@@ -16,13 +16,15 @@ ...@@ -16,13 +16,15 @@
<ul <ul
v-if="dataDetail.length" v-if="dataDetail.length"
id="scroll-area" id="scroll-area"
class="main-padding"> class="main-padding"
<router-link style="padding-top: 20px;">
<li
v-for="item in dataDetail" v-for="item in dataDetail"
:key="item.id">
<router-link
:to="{ path: 'newsDetail', query:{id: item.id }}" :to="{ path: 'newsDetail', query:{id: item.id }}"
:key="item.id" class="flex-jcb-aie"
class="flex-jcb" style="margin-bottom: 13px;">
style="margin-bottom: 20px;">
<img <img
:src="item.coverImage" :src="item.coverImage"
class="news-img-list"> class="news-img-list">
...@@ -35,6 +37,9 @@ ...@@ -35,6 +37,9 @@
{{ item.addTime.substring(0, 10) }}</div> {{ item.addTime.substring(0, 10) }}</div>
</div> </div>
</router-link> </router-link>
<div class="news-line-split"/>
</li>
</ul> </ul>
<p <p
v-if="preventRepeatReuqest" v-if="preventRepeatReuqest"
...@@ -164,23 +169,34 @@ ...@@ -164,23 +169,34 @@
<style lang="scss"> <style lang="scss">
@import "../assets/styles/mixin"; @import "../assets/styles/mixin";
.news-container{ .news-container{
.news-line-split{
border-bottom: 1px solid #eee;
margin-bottom: 13px;
width: 238px;
float: right;
}
li{
clear: both;
}
.news-img-list{ .news-img-list{
width: 92px; width: 92px;
height: 75px; height: 75px;
border-radius: 3px; border-radius: 3px;
} }
.news-list { .news-list {
border-bottom: 1px solid #dfdfdf; /*border-bottom: 1px solid #eee;*/
width: 100%; width: 251px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
margin-left: 13px; margin-left: 13px;
padding-bottom: 13px; /*padding-bottom: 13px;*/
} }
.news-list-title{ .news-list-title{
margin-bottom: 15px; margin-bottom: 15px;
font-size: 15px; font-size: 15px;
height: 44px;
line-height:22px;
} }
.news-list-time{ .news-list-time{
font-size: 13px; font-size: 13px;
......
pages/newsDetail/index.vue
View file @ 042ac993
...@@ -3,7 +3,9 @@ ...@@ -3,7 +3,9 @@
class="news-detail-page" class="news-detail-page"
style="margin-top:1.87733rem;"> style="margin-top:1.87733rem;">
<Head/> <Head/>
<div class="main-padding"> <div
style="padding-top: 20px; !important;"
class="main-padding">
<div> <div>
<h1 class="news-detail-name">{{ detail.title }}</h1> <h1 class="news-detail-name">{{ detail.title }}</h1>
<div class="news-detail-time flex-aic"> <div class="news-detail-time flex-aic">
...@@ -87,12 +89,13 @@ ...@@ -87,12 +89,13 @@
.news-detail-page { .news-detail-page {
font-size: px2rem(26px); font-size: px2rem(26px);
.news-detail-name{ .news-detail-name{
font-size: 17px; font-size: 18px;
font-weight: bold; font-weight: bold;
} }
.news-detail-time{ .news-detail-time{
padding: 15px 0 20px 0; padding: 17px 0 10px 0;
border-bottom: 1px solid #dfdfdf; margin-bottom: 20px;
border-bottom: 1px solid #eee;
color: #999; color: #999;
font-size: 13px; font-size: 13px;
} }
...@@ -102,7 +105,7 @@ ...@@ -102,7 +105,7 @@
border-radius: 3px; border-radius: 3px;
} }
.news-list { .news-list {
border-bottom: 1px solid #dfdfdf; border-bottom: 1px solid #eee;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
pages/tourDetail/index.vue
View file @ 042ac993
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<h1 class="tour-detail-name">{{ detail.name }}</h1> <h1 class="tour-detail-name">{{ detail.name }}</h1>
<div class="tour-detail-info"> <div class="tour-detail-info">
<div <div
class="flex-aic"> class="flex">
<span style="color: #666;font-size: 14px;">出发地</span> <span style="color: #666;font-size: 14px;">出发地</span>
<div> <div>
<div style="font-size: 14px;">{{ detail.addressTo.name }}</div> <div style="font-size: 14px;">{{ detail.addressTo.name }}</div>
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</div> </div>
<div <div
class="flex-aic" class="flex-aic"
style="margin: 13px 0;"> style="margin: 8px 0;">
<span style="color: #666;font-size: 14px;">目的地</span> <span style="color: #666;font-size: 14px;">目的地</span>
<div> {{ detail.addressGo.provinceName }} {{ detail.addressGo.cityName }} {{ detail.addressGo.address }}</div> <div> {{ detail.addressGo.provinceName }} {{ detail.addressGo.cityName }} {{ detail.addressGo.address }}</div>
</div> </div>
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
:class="searchBarFixed == true ? 'isFixed' :''" :class="searchBarFixed == true ? 'isFixed' :''"
class="scroll"> class="scroll">
<div <div
style="border-bottom: 1px solid #dfdfdf;" style="border-bottom: 1px solid #eee;"
class="flex-aic-jcb detail-list" > class="flex-aic-jcb detail-list" >
<ul class="select-tab flex-aic-jcb"> <ul class="select-tab flex-aic-jcb">
<li <li
...@@ -257,13 +257,13 @@ ...@@ -257,13 +257,13 @@
.tour-detail-page { .tour-detail-page {
font-size: px2rem(26px); font-size: px2rem(26px);
.tour-detail-name{ .tour-detail-name{
padding: 15px px2rem(20px); padding: 17px px2rem(20px);
font-size: px2rem(34px); font-size: 18px;
font-weight: bold; font-weight: bold;
border-bottom: 1px solid #dfdfdf; border-bottom: 1px solid #eee;
} }
.tour-detail-info{ .tour-detail-info{
padding: 13px px2rem(20px); padding: 17px 10px 17px 10px;
font-size: 14px; font-size: 14px;
span{ span{
color: #666; color: #666;
...@@ -286,7 +286,7 @@ ...@@ -286,7 +286,7 @@
} }
.vehicle-detail-config{ .vehicle-detail-config{
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
border-bottom: 1px solid #dfdfdf; border-bottom: 1px solid #eee;
.config{ .config{
margin-right: 30px; margin-right: 30px;
margin-bottom: 13px; margin-bottom: 13px;
...@@ -330,12 +330,13 @@ ...@@ -330,12 +330,13 @@
.select-tab{ .select-tab{
width: 100%; width: 100%;
.select-tab-li-l{ .select-tab-li-l{
font-size:16px; font-size:14px;
color: #999; color: #999;
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
} }
.select-tab-li-l.active{ .select-tab-li-l.active{
color: #333; color: #333;
font-size: 16px;
font-weight: bold; font-weight: bold;
height: px2rem(100px); height: px2rem(100px);
line-height: px2rem(100px); line-height: px2rem(100px);
...@@ -345,8 +346,8 @@ ...@@ -345,8 +346,8 @@
.scroll0, .scroll1, .scroll2, .scroll3{ .scroll0, .scroll1, .scroll2, .scroll3{
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
.base-set{ .base-set{
margin: 17px 0; margin: 15px 0 10px 0;
font-size: 15px; font-size: 16px;
font-weight: bold; font-weight: bold;
} }
.base-set-name{ .base-set-name{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment