Browse Source

优化样式

master
邓平艺 4 years ago
parent
commit
7278a1e109
  1. 3
      pages.json
  2. 2
      pages/discover/discoverdetails.vue
  3. 5
      pages/index/category/category.vue
  4. 8
      pages/index/index/index.vue
  5. 1
      pages/user/agreement/agreement.vue
  6. 4
      pages/user/my/center.vue

3
pages.json

@ -8,7 +8,8 @@
"style": { "style": {
"navigationBarTitleText": "首页", "navigationBarTitleText": "首页",
"enablePullDownRefresh":true, "enablePullDownRefresh":true,
"navigationStyle": "custom"
"navigationStyle": "custom",
"navigationBarTextStyle": "white"
} }
}, },
{ {

2
pages/discover/discoverdetails.vue

@ -129,7 +129,7 @@
<!-- 底部tab --> <!-- 底部tab -->
<view class="comment-tab"> <view class="comment-tab">
<view> <view>
<input class="rom-search" type="text" placeholder="说点什么" />
<input class="rom-search" type="text" :cursor-spacing="8" placeholder="说点什么" />
</view> </view>
<view class="lf-row-center"> <view class="lf-row-center">
<view class="lf-row-center lf-m-r-35"> <view class="lf-row-center lf-m-r-35">

5
pages/index/category/category.vue

@ -30,7 +30,7 @@
</view> </view>
</view> </view>
</block> </block>
<view class="" :style="{ height: 'calc('+ scrollH / 2 +'px)' }"><!-- 站位 --></view>
<view class="" :style="{ height: autoScrollHeight }"><!-- 站位 --></view>
</scroll-view> </scroll-view>
</view> </view>
<!-- 品牌 --> <!-- 品牌 -->
@ -109,6 +109,9 @@
otherHeight(){ otherHeight(){
// - - tabs - tabbar - // - - tabs - tabbar -
return `calc(${this.scrollH}px - ${this.nav_height}px - 90rpx - 120rpx - 105rpx)`; return `calc(${this.scrollH}px - ${this.nav_height}px - 90rpx - 120rpx - 105rpx)`;
},
autoScrollHeight(){
return `calc(${this.scrollH}px - ${this.nav_height}px - 90rpx - 120rpx - 300rpx)`;
} }
}, },
components: { components: {

8
pages/index/index/index.vue

@ -579,8 +579,16 @@
onPageScroll(event){ onPageScroll(event){
if(event.scrollTop >= 100){ if(event.scrollTop >= 100){
this.nav_bg_color = '#ffffff'; this.nav_bg_color = '#ffffff';
uni.setNavigationBarColor({
frontColor: "#000000",
backgroundColor: "#0000000"
})
}else{ }else{
this.nav_bg_color = 'transparent'; this.nav_bg_color = 'transparent';
uni.setNavigationBarColor({
frontColor: "#ffffff",
backgroundColor: "#FFFFFF"
})
} }
}, },
// //

1
pages/user/agreement/agreement.vue

@ -1,5 +1,6 @@
<template> <template>
<view class="agreement_index"> <view class="agreement_index">
<lf-nav title="关于我们" :showIcon="true"></lf-nav>
<image src="https://picsum.photos/seed/picsum/200/300" class="logo"></image> <image src="https://picsum.photos/seed/picsum/200/300" class="logo"></image>
<view class="item" @tap="chageAgreement('privite')"> <view class="item" @tap="chageAgreement('privite')">
<view class="txt">隐私协议</view> <view class="txt">隐私协议</view>

4
pages/user/my/center.vue

@ -15,7 +15,7 @@
<view class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-white"></view> <view class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10 lf-color-white"></view>
</view> </view>
</view> </view>
<view class="lf-row-center lf-flex-column" @click="$url('/pages/user/member/code')">
<view class="lf-row-center lf-flex-column" style="position: relative; z-index: 9;" @click="$url('/pages/user/member/code')">
<view class="lf-iconfont icon-shoucang lf-color-white"></view> <view class="lf-iconfont icon-shoucang lf-color-white"></view>
<view class="lf-font-24 lf-color-white">支付码</view> <view class="lf-font-24 lf-color-white">支付码</view>
</view> </view>
@ -231,6 +231,8 @@
} }
.center-tag { .center-tag {
padding: 0 80rpx 0 80rpx; padding: 0 80rpx 0 80rpx;
position: relative;
z-index: 9;
} }
.ocupy { .ocupy {
height: 160rpx; height: 160rpx;

Loading…
Cancel
Save