Skip to content

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

细节调整

parent 90ed54d3
Expand all Show whitespace changes
Inline Side-by-side
Showing with 98 additions and 71 deletions
assets/styles/base.scss
View file @ b9f2b86a
......@@ -138,25 +138,25 @@ input[disabled] {
font-size: 12px;
color: #999;
text-align: center;
margin-bottom: 20px;
margin-top: 20px !important;
margin-bottom: 40px !important;
}
.mint-second-menu{
width: 30%;
width: 160px;
background: #fff;
position: fixed;
top: 1.87733rem;
z-index: 1000;
z-index: 99999;
right: 0;
height: 245px;
height: auto;
box-shadow: 3px 7px 13px rgba(0,0,0,0.16);
}
.mint-second-menu li{
text-align: center;
color: #666;
font-size: 14px;
height: 35px;
line-height: 35px;
padding: 13px 0;
border-bottom: 1px solid #DFDFDF;
}
.mint-second-menu li:last-child{
......@@ -221,6 +221,6 @@ img {
z-index: 999;
}
.bt-line{
border-bottom: 1px solid #dfdfdf;
padding-bottom: 17px;
//border-bottom: 1px solid #dfdfdf;
padding-bottom: 15px;
}
components/detailFooterBtn.vue
View file @ b9f2b86a
......@@ -22,7 +22,7 @@
width: 100%;
bottom: 0;
z-index: 9999;
padding: 19px;
padding: 14px;
color: #fff;
text-align: center;
font-size: 16px;
......
components/footer.vue
View file @ b9f2b86a
......@@ -87,7 +87,7 @@
<style lang="scss" scoped>
@import "../assets/styles/mixin";
.more-way {
padding: 10px;
padding: 15px 10px 10px 10px ;
}
.more-way-title{
padding-top: 20px;
......
pages/activity.vue
View file @ b9f2b86a
......@@ -17,7 +17,7 @@
v-if="dataDetail.length"
id="scroll-area"
type="1"
style="padding-top: 0;"
style="padding-top: 5px;"
class="main-padding">
<li
v-for="item in dataDetail"
......@@ -30,8 +30,13 @@
:alt = "item.title"
style="border-radius: 3px 3px 0 0;">
<div class="activity-item-d">
<div class="ellipsis2 activity-item-title">{{ item.title }}</div>
<div
class="flex-aic-jcb"
style="margin-bottom: 10px;">
<div class="ellipsis activity-item-title">{{ item.title }}</div>
<div class="activity-time">{{ item.startTime | formatDate('yyyy-MM-dd hh:mm') }}</div>
</div>
<div class="activity-addr flex-aic">
<img
:alt = "item.title"
......@@ -46,9 +51,9 @@
<p
v-if="preventRepeatReuqest"
class="loading">加载中……</p>
<p
<div
v-if="touchend"
class="empty_data">——共{{ totalCount?totalCount:0 }}个活动——</p>
class="empty_data">——共{{ totalCount?totalCount:0 }}个活动——</div>
<go-top/>
<Footer v-if="touchend"/>
</div>
......@@ -172,20 +177,22 @@
}
#scroll-area li{
box-shadow: 2px 3px 13px rgba(153,153,153,0.2);
margin: 17px 0;
margin: 15px 0 15px 0;
border-radius: 3px;
}
.activity-item-d{
padding: 14px 10px;
}
.activity-item-title{
font-size: 14px;
font-size: 15px;
width: 220px;
font-weight: bold;
}
.activity-time{
margin: 10px 0;
font-size: 12px;
font-size: 13px;
color: #666;
min-width: 115px;
text-align: right;
}
.activity-addr{
font-size: 12px;
......
pages/campsite.vue
View file @ b9f2b86a
......@@ -24,7 +24,7 @@
@click="chooseSelect(item)">{{ item.name }}</p>
</nav>
</div>
<div style="padding-top: 0;border-top: 1px solid #dfdfdf;height: 17px;"/>
<div style="padding-top: 0;border-top: 1px solid #eee;height: 12px;"/>
<ul
v-if="dataDetail.length"
id="scroll-area"
......@@ -48,10 +48,11 @@
<p
v-if="preventRepeatReuqest"
class="loading">加载中……</p>
<p id="empty"/>
<p
<div id="empty"/>
<div
v-if="touchend"
class="empty_data">—— 共{{ totalCount?totalCount:0 }}个房车营地——</p>
style="margin-top:12px !important;"
class="empty_data">—— 共{{ totalCount?totalCount:0 }}个房车营地——</div>
<go-top/>
<Footer v-if="touchend"/>
</div>
......@@ -215,7 +216,7 @@
top: 44px;
background: #fff;
width: 100%;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #eee;
}
/*chrome 和Safari*/
nav::-webkit-scrollbar { width: 0 !important }
......@@ -228,13 +229,14 @@
font-size: 14px;
color: #999;
flex-shrink: 0;
margin: 27px 13px 0px 13px;
padding-bottom: 13px;
margin: 20px 13px 0px 13px;
padding-bottom: 8px;
}
p.active{
border-bottom: 2px solid #1bbb9f;
font-size: 16px;
color: #333;
font-weight: bold;
}
.campsite-ul{
padding-top: 0px;
......@@ -244,7 +246,7 @@
.campsite-li{
box-shadow: 2px 3px 13px rgba(153,153,153,0.2);
width: 48%;
margin: 10px 0;
margin: 8px 0;
border-radius: 3px;
}
.campsite-logo{
......@@ -255,8 +257,7 @@
}
.campsite-name{
font-size: 14px;
font-weight: bold;
margin: 13px;
margin: 13px 10px;
}
}
......
pages/news.vue
View file @ b9f2b86a
......@@ -39,9 +39,9 @@
<p
v-if="preventRepeatReuqest"
class="loading">加载中……</p>
<p
<div
v-if="touchend"
class="empty_data">——共{{ totalCount?totalCount:0 }}篇新闻资讯——</p>
class="empty_data">——共{{ totalCount?totalCount:0 }}篇新闻资讯——</div>
<go-top/>
<Footer v-if="touchend"/>
</div>
......
pages/tour.vue
View file @ b9f2b86a
......@@ -47,10 +47,10 @@
<p
v-if="preventRepeatReuqest"
class="loading">加载中……</p>
<p id="empty"/>
<p
<div id="empty"/>
<div
v-if="touchend"
class="empty_data">——共{{ totalCount?totalCount:0 }}个旅行路线——</p>
class="empty_data">——共{{ totalCount?totalCount:0 }}个旅行路线——</div>
<go-top/>
<Footer v-if="touchend"/>
</div>
......@@ -213,10 +213,11 @@
-ms-flex-align: center;
align-items: center;
overflow: auto;
/*border-bottom: 1px solid #eee;*/
}
nav::-webkit-scrollbar { width: 0 !important }
.nav-sec-menu{
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #eee;
}
.nav-sec-menu.isFixed{
position: fixed;
......@@ -224,19 +225,20 @@
background: #fff;
height: 64px;
width: 100%;
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #eee;
}
p{
text-align: center;
font-size: 14px;
color: #999;
flex-shrink: 0;
margin: 27px 13px 0px 13px;
padding-bottom: 13px;
margin: 20px 13px 0px 13px;
padding-bottom: 8px;
}
p.active{
border-bottom: 2px solid #1bbb9f;
font-size: 16px;
font-weight: bold;
color: #333;
}
.tyle-list-li{
......@@ -246,9 +248,11 @@
.tour-item{
margin: 17px 0;
}
.tour-item:last-child{
margin-bottom: 0;
}
.tour-item-name{
font-size: 15px;
font-weight: bold;
}
.tour-item-img{
width: 92px;
......@@ -257,7 +261,7 @@
border-radius: 3px;
}
.tour-list{
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #eee;
margin-left: px2rem(20px);
width: 100%;
}
......
pages/vehicle.vue
View file @ b9f2b86a
......@@ -23,7 +23,7 @@
v-for="item in dataDetail"
:to="{ path: 'vehicleDetail', query:{id: item.id, name:item.name }}"
:key="item.id"
class="news-item flex">
class="vehicle-item flex">
<img
:src="item.coverPic"
:alt = "item.name"
......@@ -45,7 +45,7 @@
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAABHNCSVQICAgIfAhkiAAABU5JREFUaIHtmWtsFFUUx///e3e32y2lRSIaSrAIEhItFHdboo1GEgMWeSiGgjyKJDRrfMWY6Bdi0kRB/WKMr7BiKH2ApiI1YgqUGtJgVOw2GERCQqkQHwkE0JQ2dLe7c/xQdvucZdpZoG32l2yy994z557/nJn7GiBFihQpUqRIMW5h/F/tKu3LWvG0hnHfbYzHHkoJDLQe+6l1H8rLDQBwxNoKJy5fB8ougDT3MMoRgRDie/jejUGgGgBUvJGSz74ZHaMQIAQFsXI8g1AApNdQRMK3MjC7kHTFCyLxRDmGtAbQFQ3NjHSE/7vJcSWFzAlZ2XDIn0O1mQoUo7vzVMmLHTcvrOSRd3S303NNhmxTQ9aOI5IlcNQOTqaP6I0obKxciijXgCwAcBeBToH8FgW+ueyM7jq3cFNXEuMcMcMWmF9Xke3K0J/B4DNkvycgi+BUB7B4SlhvubOxZmXz4+ubkxjriBiWwNwjFW5XWDcRnJvIjuQ0GHLMe6Dy0ZbijT8MMhBhweE987RE04YZbz86ukLnTq4ou5DIZlgCp4TUR1Q94qRn3fBupDscCGtc9aRpF7udDwGyg8BkAtRKfe4NBPJa/P7uvn4KD1d/CtAvtLdq8qS7I94DFWvDQKOZjWWB876vzEGEa2NlIyplweLSnei3PEBdfkPFSRccxwlkgJitc91rAVT29SWCHEX7AxMBh6LOTmRjWaArghUkPQAAkdNBd1sl+osDAPy6aNOZgsaqrTC4lQANqGUYIDASCb/scDqvKcBttf+hMIRtne1Xv9AZ2U4zm2E8our+eIDkdiwsj5hZdoTCeyY60t4CoQmZOrD9+JObzwNYbb3vxOQd3T3JrM36PKh613cQw0hkSldUhkjubcG6QAOney9Sz6G2VpuZZhjpTwkZ851wlLvZWH5EQwjtT4f7PQBuRTxYmB1e/gtQN9Bubv2OaQTeJkABBIJDg5yVlyvvI7kzGNYjXmgAQFjJvycWl15MZGO5gxOLy/4obKiuI/BsT43s9R2sXBlsT/8OJSVRiNB7qOZuraSBYGaPCf7uaG/bOdCXb8HMzSqK7dT2RtJ0MOI7WFkUAs6Y2QzrDnYaoZc8yj1fQeYQUFqprwqzuy7yYNUFOVwzEUqmEj0jrQAiGmWnSsoH7SupUZqkzbVDUYqQFIG1q7RHu16gIVl9QnMSzIFCTk9VbwMFhkRlvXd/INiyzH+pn6+IbBEHPhGxN02QPBtV/DqRjWWBhdlLt0L4Bq1O0IRW4DqmeWZ7A4GivquZ5iWlTQAesNr3jUg0TVgSOKu+Pg245CdAETEAXAQQFGDwhphwEcwnMP26fx/vcb8OYNvIwreHJYF3qMurAWYBAAS7/2m/5P+r5LVrZvbeQMDJ6Z5irbGPgFbkq7lHKt6/HVsoS/OgaCMvNihEnfwgkTgAaPH7u4PFG74V4AoAgMyY3BGeYDvaEWApgxQVvxE6ir0LDlWFLPqfBFw/ypuQGa/0NdQUKcjHFLE1yAjQJog83zXUq3KdYU+0BGbYPRtWlHcoyLfrh8AcgXMlgCrTvqw5ot2FZb/rpVveFEgngIidnwCtkO59iTq2lMEOo2uby1CDViRWUVEaLT+evRIrNy8pbZpV/+HkSHqmrRSee+x8GCw3bE8Tvz+x+QpiA0aSaF3yitX32Bapc9GxzrgXaPoOuhzanXukwtY8datwdRpus1SZCtRMb50yVj6gKYHZ7stUYPwEbYwTT6yAP4+akyIbCCCgboqV++aVvobqNUownzBG7deiRAiUGMTx4KINX2IcJCtFihQpUqRIcQP+B7jnvcfwUWbhAAAAAElFTkSuQmCC">
<img
v-if="iindex==2"
style="margin-right: 5px;width: 20px;"
style="margin-right: 5px;width: 18px;"
src="data:image/png;base64,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">
{{ iitem.name }}
</span>
......@@ -56,9 +56,9 @@
<p
v-if="preventRepeatReuqest"
class="loading">加载中……</p>
<p
<div
v-if="touchend"
class="empty_data">—— 共{{ totalCount?totalCount:0 }}款车型——</p>
class="empty_data">—— 共{{ totalCount?totalCount:0 }}款车型——</div>
<go-top/>
<Footer v-if="touchend"/>
</div>
......@@ -182,28 +182,28 @@
<style lang="scss">
@import "../assets/styles/mixin";
.news-item{
margin: 10px 0;
.vehicle-item{
margin-top: 10px;
}
.tour-home-r, .news-home-r{
width: 58%;
}
.vehicle-img-list-name{
font-size:px2rem(24px);
font-weight: 700;
font-size:15px;
}
.vehicle-img-list{
width: px2rem(277px);
height: px2rem(225px);
width: 139px;
height: 107px;
padding: 14px;
padding-bottom: 0;
border-radius: 3px;
}
.vehicle-list{
border-bottom: 1px solid #dfdfdf;
margin-left: px2rem(20px);
border-bottom: 1px solid #eee;
width: 100%;
padding: px2rem(20px);
padding: px2rem(20px) 0;
.config{
color: #999;
color: #666;
}
}
......
pages/vehicleDetail/index.vue
View file @ b9f2b86a
This diff is collapsed.
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