Skip to content

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

详情

parent f15ea74a
Hide whitespace changes
Inline Side-by-side
Showing with 247 additions and 277 deletions
assets/styles/base.scss
View file @ ee1c6fc9
@import './mixin'; @import './mixin';
@import './iconfont'; @import './iconfont';
html{
overflow-x: hidden;
}
* { * {
word-break: break-all; word-break: break-all;
color: #333; color: #333;
......
pages/activityDetail/index.vue
View file @ ee1c6fc9
...@@ -82,8 +82,7 @@ ...@@ -82,8 +82,7 @@
font-weight: bold; font-weight: bold;
margin-bottom: 13px; margin-bottom: 13px;
} }
} .detail-main-container{
.detail-main-container{
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
box-shadow: 0px 0px 13px #666; box-shadow: 0px 0px 13px #666;
margin-top: -10px; margin-top: -10px;
...@@ -223,5 +222,5 @@ ...@@ -223,5 +222,5 @@
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
} }
}
</style> </style>
pages/campsiteDetail/index.vue
View file @ ee1c6fc9
...@@ -239,142 +239,142 @@ ...@@ -239,142 +239,142 @@
margin-right: 13px; margin-right: 13px;
} }
} }
} .detail-main-container{
.detail-main-container{ border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0; padding-bottom: 60px;
box-shadow: 0px 0px 13px #666; box-shadow: 0px 0px 13px #666;
margin-top: -10px; margin-top: -10px;
z-index: 99; z-index: 99;
position: relative; position: relative;
background: #fff; background: #fff;
.campsite-detail-name{ .campsite-detail-name{
padding: 14px px2rem(20px) 0 px2rem(20px); padding: 14px px2rem(20px) 0 px2rem(20px);
font-size: px2rem(34px); font-size: px2rem(34px);
font-weight: bold;
}
.vehicle-detail-config{
padding: 0 px2rem(20px);
border-bottom: 1px solid #dfdfdf;
.config{
margin-right: 30px;
margin-bottom: 13px;
margin-top: 13px;
}
}
.vehicle-lower{
padding: 0 px2rem(20px);
font-size: px2rem(30px);
margin-top: px2rem(20px);
margin-bottom: px2rem(20px);
span{
color: #F25B5B;
font-size: px2rem(36px);
font-weight: bold; font-weight: bold;
margin-left: px2rem(30px);
margin-right: px2rem(4px);
} }
} .vehicle-detail-config{
.member-list{
padding: 0 px2rem(20px);
}
.member-list-c img{
width: 20px;
height: 20px;
margin-right: px2rem(20px);
}
.member-list-name{
color: #666;
font-size:px2rem(26px);
margin-bottom: px2rem(20px);
}
.market-price{
font-size: px2rem(30px);
margin: px2rem(34px) 0;
padding: 0 px2rem(20px);
}
.detail-list{
height: px2rem(100px);
}
.select-tab{
width: 100%;
.select-tab-li-l{
font-size:16px;
color: #999;
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
border-bottom: 1px solid #dfdfdf;
.config{
margin-right: 30px;
margin-bottom: 13px;
margin-top: 13px;
}
} }
.select-tab-li-l.active{ .vehicle-lower{
color: #333; padding: 0 px2rem(20px);
font-weight: bold; font-size: px2rem(30px);
height: px2rem(100px); margin-top: px2rem(20px);
line-height: px2rem(100px); margin-bottom: px2rem(20px);
border-bottom: 2px solid #1bbb9f; span{
color: #F25B5B;
font-size: px2rem(36px);
font-weight: bold;
margin-left: px2rem(30px);
margin-right: px2rem(4px);
}
} }
} .member-list{
.scroll0, .scroll1, .scroll2, .scroll3{ padding: 0 px2rem(20px);
padding: 0 px2rem(20px); }
.base-set{ .member-list-c img{
margin: 17px 0; width: 20px;
font-size: 15px; height: 20px;
font-weight: bold; margin-right: px2rem(20px);
} }
.base-set-name{ .member-list-name{
font-size: 13px;
color: #666; color: #666;
padding: 0 10px 6px 0; font-size:px2rem(26px);
margin-bottom: px2rem(20px);
} }
} .market-price{
.mint-navbar {
position: sticky;
top: 0;
z-index: 20;
.mint-tab-item-label {
font-size: px2rem(30px); font-size: px2rem(30px);
margin: px2rem(34px) 0;
padding: 0 px2rem(20px);
}
.detail-list{
height: px2rem(100px);
}
.select-tab{
width: 100%;
.select-tab-li-l{
font-size:16px;
color: #999;
padding: 0 px2rem(20px);
}
.select-tab-li-l.active{
color: #333;
font-weight: bold;
height: px2rem(100px);
line-height: px2rem(100px);
border-bottom: 2px solid #1bbb9f;
}
}
.scroll0, .scroll1, .scroll2, .scroll3{
padding: 0 px2rem(20px);
.base-set{
margin: 17px 0;
font-size: 15px;
font-weight: bold;
}
.base-set-name{
font-size: 13px;
color: #666;
padding: 0 10px 6px 0;
}
} }
.mint-tab-item { .mint-navbar {
padding: 10px 0; position: sticky;
top: 0;
z-index: 20;
&.is-selected { .mint-tab-item-label {
color: inherit; font-size: px2rem(30px);
border: none; }
position: relative;
&::after { .mint-tab-item {
content: " "; padding: 10px 0;
display: inline-block;
@include wh(20%, 2px); &.is-selected {
background: #2395ff; color: inherit;
position: absolute; border: none;
bottom: 0; position: relative;
left: 50%;
transform: translateX(-50%); &::after {
content: " ";
display: inline-block;
@include wh(20%, 2px);
background: #2395ff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
} }
} }
} }
} .left-item{
.left-item{ width: 30%;
width: 30%; border-left: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1; height: 34px;
height: 34px; padding-left: 10px;
padding-left: 10px; line-height: 34px;
line-height: 34px; }
} .right-item{
.right-item{ width:70%;
width:70%; border-right: 1px solid #ccc;
border-right: 1px solid #ccc; height: 34px;
height: 34px; line-height: 34px;
line-height: 34px; padding-left: 10px;
padding-left: 10px; }
} .modal-item{
.modal-item{ border-top:1px solid #ccc;
border-top:1px solid #ccc; }
} .kr-article-article .modal-item:last-child{
.kr-article-article .modal-item:last-child{ border-bottom: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
} }
} }
</style> </style>
pages/download.vue deleted 100644 → 0
View file @ f15ea74a
<template>
<div class="download-page">
<img
:src="startup"
alt="">
</div>
</template>
<script>
import config from "~/config";
export default {
head: {
title: "下载APP"
},
data() {
return {
startup: `${config.IMG_URL}startup.png`,
}
}
};
</script>
<style lang="scss">
@import "../assets/styles/mixin";
.download-page {
padding: 0;
}
</style>
pages/tourDetail/index.vue
View file @ ee1c6fc9
...@@ -268,142 +268,142 @@ ...@@ -268,142 +268,142 @@
margin-right: 13px; margin-right: 13px;
} }
} }
} .detail-main-container{
.detail-main-container{ padding-bottom: 60px;
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
box-shadow: 0px 0px 13px #666; box-shadow: 0px 0px 13px #666;
margin-top: -10px; margin-top: -10px;
z-index: 99; z-index: 99;
position: relative; position: relative;
background: #fff; background: #fff;
.vehicle-detail-name{ .vehicle-detail-name{
padding: 14px px2rem(20px) 0 px2rem(20px); padding: 14px px2rem(20px) 0 px2rem(20px);
font-size: px2rem(34px); font-size: px2rem(34px);
font-weight: bold;
}
.vehicle-detail-config{
padding: 0 px2rem(20px);
border-bottom: 1px solid #dfdfdf;
.config{
margin-right: 30px;
margin-bottom: 13px;
margin-top: 13px;
}
}
.vehicle-lower{
padding: 0 px2rem(20px);
font-size: px2rem(30px);
margin-top: px2rem(20px);
margin-bottom: px2rem(20px);
span{
color: #F25B5B;
font-size: px2rem(36px);
font-weight: bold; font-weight: bold;
margin-left: px2rem(30px);
margin-right: px2rem(4px);
} }
} .vehicle-detail-config{
.member-list{
padding: 0 px2rem(20px);
}
.member-list-c img{
width: 20px;
height: 20px;
margin-right: px2rem(20px);
}
.member-list-name{
color: #666;
font-size:px2rem(26px);
margin-bottom: px2rem(20px);
}
.market-price{
font-size: px2rem(30px);
margin: px2rem(34px) 0;
padding: 0 px2rem(20px);
}
.detail-list{
height: px2rem(100px);
}
.select-tab{
width: 100%;
.select-tab-li-l{
font-size:16px;
color: #999;
padding: 0 px2rem(20px); padding: 0 px2rem(20px);
border-bottom: 1px solid #dfdfdf;
.config{
margin-right: 30px;
margin-bottom: 13px;
margin-top: 13px;
}
} }
.select-tab-li-l.active{ .vehicle-lower{
color: #333; padding: 0 px2rem(20px);
font-weight: bold; font-size: px2rem(30px);
height: px2rem(100px); margin-top: px2rem(20px);
line-height: px2rem(100px); margin-bottom: px2rem(20px);
border-bottom: 2px solid #1bbb9f; span{
color: #F25B5B;
font-size: px2rem(36px);
font-weight: bold;
margin-left: px2rem(30px);
margin-right: px2rem(4px);
}
} }
} .member-list{
.scroll0, .scroll1, .scroll2, .scroll3{ padding: 0 px2rem(20px);
padding: 0 px2rem(20px); }
.base-set{ .member-list-c img{
margin: 17px 0; width: 20px;
font-size: 15px; height: 20px;
font-weight: bold; margin-right: px2rem(20px);
} }
.base-set-name{ .member-list-name{
font-size: 13px;
color: #666; color: #666;
padding: 0 10px 6px 0; font-size:px2rem(26px);
margin-bottom: px2rem(20px);
} }
} .market-price{
.mint-navbar {
position: sticky;
top: 0;
z-index: 20;
.mint-tab-item-label {
font-size: px2rem(30px); font-size: px2rem(30px);
margin: px2rem(34px) 0;
padding: 0 px2rem(20px);
}
.detail-list{
height: px2rem(100px);
}
.select-tab{
width: 100%;
.select-tab-li-l{
font-size:16px;
color: #999;
padding: 0 px2rem(20px);
}
.select-tab-li-l.active{
color: #333;
font-weight: bold;
height: px2rem(100px);
line-height: px2rem(100px);
border-bottom: 2px solid #1bbb9f;
}
}
.scroll0, .scroll1, .scroll2, .scroll3{
padding: 0 px2rem(20px);
.base-set{
margin: 17px 0;
font-size: 15px;
font-weight: bold;
}
.base-set-name{
font-size: 13px;
color: #666;
padding: 0 10px 6px 0;
}
} }
.mint-tab-item { .mint-navbar {
padding: 10px 0; position: sticky;
top: 0;
z-index: 20;
&.is-selected { .mint-tab-item-label {
color: inherit; font-size: px2rem(30px);
border: none; }
position: relative;
.mint-tab-item {
padding: 10px 0;
&.is-selected {
color: inherit;
border: none;
position: relative;
&::after { &::after {
content: " "; content: " ";
display: inline-block; display: inline-block;
@include wh(20%, 2px); @include wh(20%, 2px);
background: #2395ff; background: #2395ff;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
}
} }
} }
} }
} .left-item{
.left-item{ width: 30%;
width: 30%; border-left: 1px solid #c1c1c1;
border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1; height: 34px;
height: 34px; padding-left: 10px;
padding-left: 10px; line-height: 34px;
line-height: 34px; }
} .right-item{
.right-item{ width:70%;
width:70%; border-right: 1px solid #ccc;
border-right: 1px solid #ccc; height: 34px;
height: 34px; line-height: 34px;
line-height: 34px; padding-left: 10px;
padding-left: 10px; }
} .modal-item{
.modal-item{ border-top:1px solid #ccc;
border-top:1px solid #ccc; }
} .kr-article-article .modal-item:last-child{
.kr-article-article .modal-item:last-child{ border-bottom: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
} }
} }
</style> </style>
pages/vehicleDetail/index.vue
View file @ ee1c6fc9
...@@ -321,8 +321,8 @@ ...@@ -321,8 +321,8 @@
.vehicle-detail-page { .vehicle-detail-page {
font-size: px2rem(24px); font-size: px2rem(24px);
}
.detail-main-container{ .detail-main-container{
padding-bottom: 60px;
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
box-shadow: 0px 0px 13px #666; box-shadow: 0px 0px 13px #666;
margin-top: -10px; margin-top: -10px;
...@@ -458,5 +458,5 @@ ...@@ -458,5 +458,5 @@
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
} }
}
</style> </style>
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