ios下拉优化
parent
35a6df9620
commit
8f0859622d
2
App.vue
2
App.vue
|
@ -36,7 +36,7 @@
|
||||||
},
|
},
|
||||||
onHide: function() {
|
onHide: function() {
|
||||||
|
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
@ -4,9 +4,9 @@
|
||||||
<view @tap="chooseGe(item.url,index)" class="disjcac fc pad-s30" :style="{width:['50%','50%','50%','33.3%','25%','20%'][rowNum],paddingTop:itemTop}">
|
<view @tap="chooseGe(item.url,index)" class="disjcac fc pad-s30" :style="{width:['50%','50%','50%','33.3%','25%','20%'][rowNum],paddingTop:itemTop}">
|
||||||
<view class="disjcac icon-box posir" :style="{width:iconwh,height:iconwh}" :class="ifShadow ? 'haveShadow' : ''">
|
<view class="disjcac icon-box posir" :style="{width:iconwh,height:iconwh}" :class="ifShadow ? 'haveShadow' : ''">
|
||||||
<image :src="item.iconsrc" mode="aspectFill" :style="{width: item.iconWidth +'rpx',height: item.iconHeight +'rpx'}"></image>
|
<image :src="item.iconsrc" mode="aspectFill" :style="{width: item.iconWidth +'rpx',height: item.iconHeight +'rpx'}"></image>
|
||||||
<view class="posia fon24 textc bacf" v-if="item.num" style="right: -54rpx;bottom: -39rpx;border-radius: 100%; color: #666;">({{item.num}})</view>
|
<!-- <view class="posia fon24 textc bacf" v-if="item.num" style="right: -54rpx;bottom: -39rpx;border-radius: 100%; color: #666;">({{item.num}})</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="clips1" :style="{color:titlec,fontSize:fonts,marginTop:titleTop}">{{item.title}}</view>
|
<view class="clips1" :style="{color:titlec,fontSize:fonts,marginTop:titleTop}">{{item.title}}<text v-if="item.num" style="margin-left:3px; color:#666">({{item.num}})</text></view>
|
||||||
</view>
|
</view>
|
||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
@ -159,9 +159,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.tab__line {
|
.tab__line {
|
||||||
display: block;
|
display: inline-block;
|
||||||
// height: 6rpx;
|
// height: 6rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
width: 0;
|
||||||
height: 64rpx;
|
height: 64rpx;
|
||||||
bottom: 0rpx;
|
bottom: 0rpx;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
1
main.js
1
main.js
|
@ -23,4 +23,5 @@ const app = new Vue({
|
||||||
store,
|
store,
|
||||||
...App
|
...App
|
||||||
})
|
})
|
||||||
|
|
||||||
app.$mount()
|
app.$mount()
|
||||||
|
|
|
@ -1,13 +1,13 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="pad-x180">
|
<view class="pad-x180">
|
||||||
<status-nav :ifReturn="false" titleColor="#FFFFFF" navBarTitle="个人中心" backgroudColor="transparent"></status-nav>
|
<status-nav :ifReturn="false" titleColor="#FFFFFF" navBarTitle="个人中心" backgroudColor="#fe4b57"></status-nav>
|
||||||
<view class="head-box" :style="{paddingTop: padt+'px'}" style="background: linear-gradient( to top, #ff3574 0%, #fd5646 100%);position: fixed;top: 0;left: 0;right: 0;z-index: 2;">
|
<view class="head-box" style="background: linear-gradient( to top, #ff3574 0%, #fe4b57 100%); padding: 2px 0 20px; margin-top: -12px;">
|
||||||
<view class="mar-zy40 mar-s20 mar-x90 disac colf fon36">
|
<view class="mar-zy40 mar-s20 mar-x90 disac colf fon36">
|
||||||
<image :src="userImg" mode="aspectFill" style="width: 126rpx;height: 126rpx;border-radius: 100%;border: 6rpx solid #FFFFFF;"></image>
|
<image :src="userImg" mode="aspectFill" style="width: 126rpx;height: 126rpx;border-radius: 100%;border: 6rpx solid #FFFFFF;"></image>
|
||||||
<view class="mar-z30">{{userName}}</view>
|
<view class="mar-z30">{{userName}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="pad-zy40" :style="{paddingTop: headHeight+'px'}" style="position: relative;z-index: 3;">
|
<view class="pad-zy40" style="position: relative;z-index: 3;">
|
||||||
<view class="bacf radius20" style="margin-top: -80rpx;">
|
<view class="bacf radius20" style="margin-top: -80rpx;">
|
||||||
<view class="pad-zy30">
|
<view class="pad-zy30">
|
||||||
<column-function :ifLine="false" :list="list1" fonts="36" @chooseEv="chooseEv"></column-function>
|
<column-function :ifLine="false" :list="list1" fonts="36" @chooseEv="chooseEv"></column-function>
|
||||||
|
|
|
@ -1,13 +1,13 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="pad-x180">
|
<view class="pad-x180">
|
||||||
<status-nav :ifReturn="false" titleColor="#FFFFFF" navBarTitle="首页" backgroudColor="transparent"></status-nav>
|
<status-nav :ifReturn="false" titleColor="#FFFFFF" navBarTitle="首页" backgroudColor="#fe4b57"></status-nav>
|
||||||
<view class="head-box" :style="{paddingTop: padt+'px'}" style="background: linear-gradient( to top, #ff3574 0%, #fd5745 100%);position: fixed;top: 0;left: 0;right: 0;z-index: 2;">
|
<view class="head-box" style="background: linear-gradient( to top, #ff3574 0%, #fe4b57 100%); padding: 2px 0 20px; margin-top: -12px;">
|
||||||
<view class=" mar-zy40 radius30 pad-zy30 mar-x30 disac" style="background-color: rgba(255, 255, 255, 0.2);">
|
<view class=" mar-zy40 radius30 pad-zy30 disac" style="background-color: rgba(255, 255, 255, 0.2);">
|
||||||
<image src="/static/public/icon-search.png" mode="widthFix" style="width: 40rpx;height: 40rpx;"></image>
|
<image src="/static/public/icon-search.png" mode="widthFix" style="width: 40rpx;height: 40rpx;"></image>
|
||||||
<input @confirm="goSearch" v-model="keyword" class="width100 colf fon30 mar-z20" type="text" placeholder="搜索" style="height: 90rpx;" placeholder-style="color: #FFFFFF">
|
<input @confirm="goSearch" v-model="keyword" class="width100 colf fon30 mar-z20" type="text" placeholder="搜索" style="height: 90rpx;" placeholder-style="color: #FFFFFF">
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="pad-zy20" :style="{paddingTop: headHeight+'px'}">
|
<view class="pad-zy20" :style="{paddingTop: 15+'px'}">
|
||||||
<!-- 轮播图 -->
|
<!-- 轮播图 -->
|
||||||
<swiper-pu newRadius="40rpx" :bannerList="bannerList" newHeight="400rpx" newBottom="20rpx" :isplay='isplay'></swiper-pu>
|
<swiper-pu newRadius="40rpx" :bannerList="bannerList" newHeight="400rpx" newBottom="20rpx" :isplay='isplay'></swiper-pu>
|
||||||
</view>
|
</view>
|
||||||
|
@ -135,7 +135,7 @@
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url:`/pagesB/search/search?keyword=${this.keyword}`
|
url:`/pagesB/search/search?keyword=${this.keyword}`
|
||||||
})
|
})
|
||||||
}
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="pad-x50">
|
<view class="pad-x50" style="background-color: #fff;">
|
||||||
<status-container titlet="完成">
|
<status-container titlet="完成">
|
||||||
<view slot="content">
|
<view slot="content">
|
||||||
<view class="pad-zy40 fon30">
|
<view class="pad-zy40 fon30">
|
||||||
|
|
Loading…
Reference in New Issue