添加：关于我们

src/router/index.js

@@ -2648,6 +2648,18 @@ const routes = [
       foot: true
     }
   },
+  {
+    path: "/member/tool/about_us",
+    component:()=>import("../views/member/tool/about_us"),
+    name: "about_us",
+    meta: {
+      title: "关于我们",
+      foot: true
+    }
+  },
+
+
+
   // score
   {
     path: "/member/integral_activity",

src/views/member/tool/about_us.vue

@@ -0,0 +1,133 @@
+<template>
+  <div>
+    <c-title :hide="false" :text="'关于我们'" tolink="detailed"></c-title>
+    <div class="content-box">
+      <!--顶部内容-->
+      <div class="top-content">
+        <div class="top-img" v-if="set.shop_logo">
+          <img class="top-image" :src="set.shop_logo" />
+        </div>
+        <div class="top-title" v-if="set.shop_name">{{ set.shop_name }}</div>
+      </div>
+      <!--按钮内容-->
+      <div class="list-content">
+        <van-cell class="list-cell" :title="set.user_title" is-link @click="showPopup('user')"/>
+        <van-cell class="list-cell" :title="set.policy_title" is-link @click="showPopup('policy')"/>
+        <van-cell class="list-cell" :title="set.platform_title" is-link @click="showPopup('platform')"/>
+      </div>
+    </div>
+    <!--弹出框-->
+    <van-popup v-model="show" position="bottom" :style="{ 'min-height': '70%' }" round closeable>
+      <div class="show-content">
+        <div class="show-title">{{ show_title }}</div>
+        <div class="show-text" v-html="show_content"></div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+export default {
+  components:{},
+  data() {
+    return {
+      // 基本设置
+      set:{},
+      // 弹框内容
+      show: false,
+      show_title: '',
+      show_content: '',
+    };
+  },
+  activated() {
+    this.getData();
+  },
+  methods: {
+    // 数据获取
+    getData() {
+      let _this = this;
+      $http.get("setting.get-about-us-info", {}, "加载中...").then((res) => {
+        if (parseInt(res.result) === 1) {
+          _this.set = res.data;
+        }
+      }).catch((error) => {});
+    },
+    // 弹出协议内容
+    showPopup(type){
+      if (type === 'user') {
+        this.show_title = this.set.user_title || '';
+        this.show_content = this.set.user_agreement || '';
+      } else if (type === 'policy') {
+        this.policy_title = this.set.policy_title || '';
+        this.policy_content = this.set.user_agreement || '';
+      } else if (type === 'platform') {
+        this.platform_title = this.set.platform_title || '';
+        this.platform_content = this.set.user_agreement || '';
+      }
+
+      if(this.show_title.length > 0 && this.show_content.length > 0) this.show = true;
+    },
+
+
+
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.content-box {
+  width: 100vw;
+  min-height: calc(100vh - 40px);
+  .top-content{
+    width: 100%;
+    height: 40vh;
+    display: inline-flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    .top-img{
+      width: 100px;
+      height: 100px;
+      border-radius: 5px;
+      overflow: hidden;
+      .top-image{
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .top-title{
+      font-size: 15px;
+      font-weight: bold;
+      margin-top: 10px;
+    }
+  }
+  .list-content{
+    .list-cell{
+      border-bottom: 1px solid #ebedf0;
+      ::v-deep .van-cell__title {
+        text-align: left;
+        font-size: 14px;
+        font-weight: 500;
+      }
+    }
+    .list-cell:last-child{
+      border: none!important;
+    }
+  }
+}
+.show-content{
+  width: 100vw;
+  padding: 15px 20px;
+  .show-title{
+    height: 35px;
+    line-height: 24px;
+    font-size: 15px;
+    font-weight: bold;
+  }
+  .show-text{
+    text-align: left;
+  }
+}
+
+</style>