w-front-end / select_good · Commits

Commit 4eb13d97aad45895816f77ccfae3bd027902cc65

Authored by zhiyangdu
1 parent bb482bf7

tab组件优化

Inline Side-by-side
Showing 3 changed files with 8 additions and 3 deletions
src/components/htmlBox/htmlBox.less
  View file @4eb13d9
... ... @@ -2,7 +2,7 @@
2 2  
3 3 .html-box {
4 4 .box {
5   - width: 750px;
  5 + width: 100%;
6 6 height: auto;
7 7 .html {
8 8 background-color: #ffffff;
... ...
src/components/tabBox/tabBox.less
  View file @4eb13d9
1 1 .tabBox {
  2 + padding: 0 30px;
  3 + .van-tab--active{
  4 + display: flex;
  5 + justify-content: center;
  6 + }
2 7 // tab上线填充
3 8 .van-tabs--line .van-tabs__wrap{
4 9 height: 60px;
... ... @@ -31,7 +36,7 @@
31 36 border-width: 0;
32 37 }
33 38 .tabBox_main{
34   - width: 750px;
  39 + width: 100%;
35 40 height: auto;
36 41 .skeleton {
37 42 &.brief {
... ...
src/components/tabBox/tabBox.vue
  View file @4eb13d9
1 1 <template>
2 2 <div class="tabBox">
3 3 <!-- 主内容区域 -->
4   - <van-tabs @change="onChange" swipeable v-model="active">
  4 + <van-tabs @change="onChange" swipeable v-model="active" ellipsis swipe-threshold="3">
5 5 <van-tab v-for="(item,index) in tabbar" :key="index" :title="item.title">
6 6  
7 7 </van-tab>
... ...