首次提交大宝wap

jhzh

2024-03-23 0d29d9a2bf0d893a67f1263bb9525131a50a2128

 src/App.vue

@@ -1,9 +1,9 @@
<template>
  <div id="app" :class="`${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`">
    <div :class="`header-box`" v-if="hasHeader && title !== '用户登录'">
    <div :class="`header-box`" v-if="hasHeader && title !== $t('hj248')">
      <mt-header :title="title">
        <mt-button icon="back" slot="left" @click="$router.go(-1)"></mt-button>
        

        <div v-if="!is_Show">
          <template v-if="iconRight == 'search'">
          <img slot="right" class="search-right" src="./assets/ico/fangdajing.png" alt />
@@ -12,7 +12,7 @@
          <mt-button icon="more" slot="right"></mt-button>
        </template>
        </div>
        

      </mt-header>
    </div>
    <div class="body-box">
@@ -29,89 +29,96 @@
</template>

<script>
import elalert from "@/components/elalert.vue";
import foot from "@/components/foot.vue";
import loginPopup from "@/components/loginDialog.vue";
//引入css
import "@/assets/iconfont/iconfont.css";
import "@/assets/iconfont/iconfont.ttf";
import elalert from '@/components/elalert.vue'
import foot from '@/components/foot.vue'
import loginPopup from '@/components/loginDialog.vue'
// 引入css
import '@/assets/iconfont/iconfont.css'
import '@/assets/iconfont/iconfont.ttf'

export default {
  components: {
    foot,
    elalert,
    loginPopup
    },
  name: "App",
  created() {
     this.$state.theme="red";
     console.log(this.$state.theme,"asdasdasd")
    let title = this.$route.meta.title || "首页";
    this.title = title;
    if(this.$route.meta.is_Show){
      this.is_Show = this.$route.meta.is_Show;
    }else{
      this.is_Show = true;
  },
  name: 'App',
  created () {
    this.$state.theme = 'red'
    console.log(this.$state.theme, 'asdasdasd')
    let title = this.$route.meta.title || this.$t('hj224')
    this.title = title
    if (this.$route.meta.is_Show) {
      this.is_Show = this.$route.meta.is_Show
    } else {
      this.is_Show = true
    }
    if (this.$route.meta.hasHeader) {
      this.hasHeader = true;
      this.hasHeader = true
    } else {
      this.hasHeader = false;
      this.hasHeader = false
    }
    if (this.$route.meta.iconRight) {
      this.iconRight = this.$route.meta.iconRight;
      this.iconRight = this.$route.meta.iconRight
    } else {
      this.iconRight = "default";
      this.iconRight = 'default'
    }
    // this.$store.state.className = window.localStorage.getItem('styleName')?window.localStorage.getItem('styleName'):'red'
  },
  watch: {
    $route(to, from) {
      let title = to.meta.title || "首页";
      this.title = title;
    $route (to, from) {
      let title = to.meta.title || this.$t('hj224')
      this.title = title
      if (to.meta.iconRight) {
        this.iconRight = to.meta.iconRight;
        this.iconRight = to.meta.iconRight
      } else {
        this.iconRight = "default";
        this.iconRight = 'default'
      }
      if (to.meta.hasHeader) {
        this.hasHeader = true;
        this.hasHeader = true
      } else {
        this.hasHeader = false;
        this.hasHeader = false
      }

      if (to.meta.index > from.meta.index) {
        console.log("slide-left");
        //设置动画名称
        this.transitionName = "slide-left";
        console.log('slide-left')
        // 设置动画名称
        this.transitionName = 'slide-left'
      } else {
        console.log("slide-right");
        this.transitionName = "slide-right";
        console.log('slide-right')
        this.transitionName = 'slide-right'
      }
    }
  },
  data() {
  data () {
    return {
      title: "首页",
      title: '首页',
      hasHeader: false,
      iconRight: "default",
      iconRight: 'default',
      transitionName: '',
      is_Show:true,
      is_foot:true,
    };
      is_Show: true,
      is_foot: true
    }
  },
  methods: {
    footColse(){
      this.$store.commit('dialogVisible',true);
    footColse () {
      this.$store.commit('dialogVisible', true)
    },
    dialogClose(){
      this.$store.commit('dialogVisible',false);
    dialogClose () {
      this.$store.commit('dialogVisible', false)
    }
  }
};
}
</script>

<style lang="less" scoped>

/deep/ .van-list__finished-text{
  line-height: 1.925926rem !important;
}
/deep/ .van-list__error-text{
  line-height: 1.925926rem !important;
}
#app {
  width: 100vw;
  height: 100vh;
@@ -147,7 +154,7 @@
  }
  &.red-theme {
    background: rgb(241,242,246);
   color:#000;
    color:#000;
    /deep/.mint-header {
      background: none;
      .mint-header-title {
@@ -158,85 +165,85 @@
        color: #212121;
      }
    }
   /deep/.van-swipe-item {
    color: #000;
   }
   /deep/.navs_content {
       background: #fff!important;
   }
   /deep/.fo_content {
       background: #fff;
   }
   /deep/.news-tab{
      background: #fff;
   }
   /deep/.mint-tab-item-label {
     color: #000;
     font-size: .26rem;
	
   }
   /deep/.top_title{
      color: #000;
   }
   /deep/.titContent{
      color:#000;
   }
   /deep/.mint-navbar {
     background: #fff;
   }
   /deep/.mint-tab-item {
     background: #fff;
     border: none;
   }
   /deep/.footCss{
       background: #fff;
   }
  /deep/.newDetail-tits{
    color: #aaa;
  }
  /deep/.van-skeleton__row, .van-skeleton__title{
    background-color: #fff!important;
  }
    /deep/.van-swipe-item {
      color: #000;
    }
    /deep/.navs_content {
        background: #fff!important;
    }
    /deep/.fo_content {
        background: #fff;
    }
    /deep/.news-tab{
      background: #fff;
    }
    /deep/.mint-tab-item-label {
      color: #000;
      font-size: .26rem;

    }
    /deep/.top_title{
      color: #000;
    }
    /deep/.titContent{
      color:#000;
    }
    /deep/.mint-navbar {
      background: #fff;
    }
    /deep/.mint-tab-item {
      background: #fff;
      border: none;
    }
    /deep/.footCss{
      background: #fff;
    }
    /deep/.newDetail-tits{
      color: #aaa;
    }
    /deep/.van-skeleton__row, .van-skeleton__title{
      background-color: #fff!important;
    }
  }
  &.black-theme {
    // background: #16171d;
    // background: rgb(14, 14, 15);
    background: rgb(33, 33, 43);
	
   /deep/.navs_content {
       background: #272733;
   }
   /deep/.fo_content {
       background: #272733;
   }
   /deep/.news-tab{
      background: #272733;
   }
   /deep/.mint-navbar {
     background: #272733;
   }
   /deep/.mint-tab-item-label {
     color: #fff;
     font-size: .26rem;
	
   }
   /deep/.titContent{
      color:#000;
   }
   /deep/.mint-tab-container {}
	
   /deep/.mint-tab-item {
     background: #272733;
   }
   /deep/.van-swipe-item {
   color: #000;
   }
   /deep/.footCss{
       background: rgb(33, 33, 43);
   }
   /deep/.newDetail-tits{
    color: #999;
  }

    /deep/.navs_content {
        background: #272733;
    }
    /deep/.fo_content {
        background: #272733;
    }
    /deep/.news-tab{
      background: #272733;
    }
    /deep/.mint-navbar {
      background: #272733;
    }
    /deep/.mint-tab-item-label {
      color: #fff;
      font-size: .26rem;

    }
    /deep/.titContent{
      color:#000;
    }
    /deep/.mint-tab-container {}

    /deep/.mint-tab-item {
      background: #272733;
    }
    /deep/.van-swipe-item {
    color: #000;
    }
    /deep/.footCss{
      background: rgb(33, 33, 43);
    }
    /deep/.newDetail-tits{
      color: #999;
    }
  }
}
.search-right {
@@ -247,7 +254,7 @@
  position: relative !important;
}
.topLeft{
  

}

/deep/.el-alert{