Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
8c2be4ec by simon
Options

移动端首页样式

1 parent c5677b06
Inline Side-by-side
Showing 4 changed files with 19 additions and 14 deletions
...@@ -124,6 +124,10 @@ export default { ...@@ -124,6 +124,10 @@ export default {
124 } 124 }
125 menuData.list = list; 125 menuData.list = list;
126 this.$set(this, 'loginData', menuData); 126 this.$set(this, 'loginData', menuData);
127 },
128 // 点击立即报价
129 toQuote(){
130
127 } 131 }
128 }, 132 },
129 beforeDestroy() { 133 beforeDestroy() {
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
46 </div> 46 </div>
47 47
48 <!-- 报价 --> 48 <!-- 报价 -->
49 <div class="main-func-quote" > 49 <div @click="toQuote" class="main-func-quote" >
50 {{$t('header.quote')}} 50 {{$t('header.quote')}}
51 </div> 51 </div>
52 </div> 52 </div>
......
...@@ -805,9 +805,9 @@ ...@@ -805,9 +805,9 @@
805 } 805 }
806 806
807 &-cont { 807 &-cont {
808 .arrow { 808 // .arrow {
809 margin: 0 8px; 809 // margin: 0 8px;
810 } 810 // }
811 } 811 }
812 } 812 }
813 } 813 }
...@@ -950,17 +950,18 @@ ...@@ -950,17 +950,18 @@
950 } 950 }
951 } 951 }
952 } 952 }
953 }
953 954
954 .arrow { 955 .arrow {
955 transform: scale(0.5); 956 top: 25%;
956 } 957 transform: scale(0.5);
958 }
957 959
958 .arrow-left { 960 .arrow-left {
959 left: 0px; 961 left: 0px;
960 } 962 }
961 .arrow-right { 963 .arrow-right {
962 right: 0px; 964 right: 0px;
963 }
964 } 965 }
965 } 966 }
966 967
......
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
41 41
42 <!-- 导航菜单切换 --> 42 <!-- 导航菜单切换 -->
43 <div class="nav-tab"> 43 <div class="nav-tab">
44 <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index,'nav-tab-item-single':dataList.length<=1 }" :style="'width: calc(1200px / ' + dataList.length + ');'" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div> 44 <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index,'nav-tab-item-act':dataList.length<=1 }" :style="'width: calc(1200px / ' + dataList.length + ');'" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div>
45 <!-- <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index }" :style="'width: calc(100% / ' + dataList.length + '); '+ (index == dataList.length-1 ?'':'width:50%;') +' '" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div> --> 45 <!-- <div class="nav-tab-item" :class="{ 'nav-tab-item-act': item.index == curTab.index }" :style="'width: calc(100% / ' + dataList.length + '); '+ (index == dataList.length-1 ?'':'width:50%;') +' '" @click="onTabHandler(item)" v-html="item.tabName" v-for="item in dataList" :key="item.id">{{ item.tabName }}</div> -->
46 46
47 </div> 47 </div>
......