ios下拉优化

static-project
chen 2022-06-08 14:00:10 +08:00
parent 35a6df9620
commit 8f0859622d
8 changed files with 16 additions and 14 deletions

View File

@ -36,7 +36,7 @@
}, },
onHide: function() { onHide: function() {
} },
}; };
</script> </script>

View File

@ -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>

View File

@ -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;

View File

@ -23,4 +23,5 @@ const app = new Vue({
store, store,
...App ...App
}) })
app.$mount() app.$mount()

View File

@ -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>

View File

@ -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>

View File

@ -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">