Browse Source

头部导航吸顶

test
Enzo 4 years ago
parent
commit
b2c2c41a42
  1. 2
      common/http.js
  2. 2
      common/uploadFile.js
  3. 14
      components/lf-nav/lf-nav.vue
  4. 2
      manifest.json
  5. 17
      pages/index/index.vue
  6. 1
      pages/order/confirm_order.vue

2
common/http.js

@ -93,7 +93,7 @@ function $http(url, data = {}, options = {}){
var accountInfo = wx.getAccountInfoSync();
var autoappid = accountInfo.miniProgram.appId;
options.appid = autoappid || 'wxb35ef055a4dd8ad4';
options.appid = autoappid || 'wxeb58570b5e04d147';
console.log('请求',options.appid)

2
common/uploadFile.js

@ -33,7 +33,7 @@ const uploadFile = function (filePath, successc, failc) {
var accountInfo = wx.getAccountInfoSync();
var autoappid = accountInfo.miniProgram.appId;
var uploadappid = autoappid || 'wxb35ef055a4dd8ad4';
var uploadappid = autoappid || 'wxeb58570b5e04d147';
console.log('上次',uploadappid)

14
components/lf-nav/lf-nav.vue

@ -1,6 +1,6 @@
<template>
<view>
<view :style="{marginBottom: spreadOut ? headHeight + 'px' : '0px'}">
<view :style="{marginBottom: spreadOut ? headHeight + 'px' : '0px', '--diycolor': inputColor, '--diytextcolor': textColor}">
<view :class="{head: true, 'border-b': boderBottom}" :style="{height: headHeight + 'px', background: bgColor}">
<block v-if="diy">
<view class="diy-head" :style="{'top': headHeight - 38 + 'px'}">
@ -63,6 +63,14 @@
boderBottom: {
type: Boolean, // 线
default: false
},
inputColor: {
type: String, //
default: 'rgba(255,255,255,0.5)'
},
textColor: {
type: String, //
default: '#777'
}
},
data() {
@ -186,7 +194,7 @@
.search{
width: 344rpx;
height: 50rpx;
background-color: rgba(255,255,255,0.5);
background-color: var(--diycolor);
color: #777;
border-radius: 30rpx;
margin: 0 auto;
@ -197,7 +205,7 @@
}
/deep/.input-placeholder{
color: #777;
color: var(--diytextcolor);
font-size: 40rpx!important;
}

2
manifest.json

@ -50,7 +50,7 @@
"quickapp" : {},
/* */
"mp-weixin" : {
"appid" : "wxb35ef055a4dd8ad4",
"appid" : "wxeb58570b5e04d147",
"setting" : {
"urlCheck" : false,
"es6" : false,

17
pages/index/index.vue

@ -1,6 +1,6 @@
<template>
<view>
<lf-nav :search="true" :spreadOut="false" bgColor="transparent"></lf-nav>
<lf-nav :search="true" :bgColor="nav_bg_color" :inputColor="nav_input_color" :textColor="nav_text_color" :spreadOut="false"></lf-nav>
<swiper class="head" :current="banner_current" autoplay interval="3000">
<swiper-item @click="clickBanner(item.type,item.url)" v-for="(item,index) of banner" :key="index">
<image :src="item.picture" class="swipe-img" mode="aspectFill"></image>
@ -125,6 +125,9 @@
data() {
return {
banner: [],
nav_bg_color: 'transparent' ,//
nav_input_color: 'rgba(255,255,255,0.5)',
nav_text_color: '#777',
banner_current: 0,
recomm_list: [],
channel_list: [],
@ -143,6 +146,18 @@
this.getIndexData()
this.getFavourite()
},
//
onPageScroll(event){
if(event.scrollTop >= 100){
this.nav_bg_color = '#1998FE';
this.nav_input_color = 'rgba(255,255,255,0.5)';
this.nav_text_color = '#fff';
}else{
this.nav_bg_color = 'transparent';
this.nav_input_color = 'rgba(255,255,255,0.5)';
this.nav_text_color = '#777';
}
},
methods: {
//
getFavourite() {

1
pages/order/confirm_order.vue

@ -137,7 +137,6 @@
}
},
onShow(e) {
// this.backPayState = uni.getStorageSync('backPayState')
let that = this
uni.$on('payState',(data) => {
that.payState = data.msg;

Loading…
Cancel
Save