refactor: 手机端-标准化动态重构-增加下拉加载功能

2023-11-27 11:26:53 +08:00
parent 88706b6127
commit 4341b0603a
8 changed files with 744 additions and 0 deletions
@@ -0,0 +1,108 @@
+<!--全库检索-->
+<template>
+  <div id="standDynamics">
+    <div class="search-head">
+      <div class="head-title">
+        <span class="left-title" @click="back"> < </span>
+        <span class="right-title">标准化动态</span>
+      </div>
+      <van-tabs v-model="active">
+        <van-tab name="ZYBZFG" title="在研标准入库">
+          <UnderResearchStandards v-if="active==='ZYBZFG'"></UnderResearchStandards>
+        </van-tab>
+        <van-tab name="GNWBZFG" title="标准法规入库">
+          <StandardRegulations v-if="active==='GNWBZFG'"></StandardRegulations>
+        </van-tab>
+        <van-tab name="ZLZX" title="资料中心">
+          <DataCenter v-if="active==='ZLZX'"></DataCenter>
+        </van-tab>
+      </van-tabs>
+    </div>
+  </div>
+</template>
+
+<script>
+import UnderResearchStandards from "./components/UnderResearchStandards";
+import StandardRegulations from "./components/StandardRegulations";
+import DataCenter from "./components/DataCenter";
+
+export default {
+  name: "standDynamics",
+  components: {
+    UnderResearchStandards,
+    StandardRegulations,
+    DataCenter
+  },
+  data() {
+    return {
+      active: "ZYBZFG",
+    };
+  },
+  methods: {
+    //返回上一个页面
+    back() {
+      this.$router.push("/phoneHome");
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+#standDynamics {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  background: #F6F6F6;
+
+  .search-head {
+    width: 100%;
+    height: 100px;
+    background: #3170A8;
+  }
+
+  .head-title {
+    color: #FFFFFF;
+    line-height: 40px;
+    font-size: 18px;
+
+    .left-title {
+      margin-left: 10px;
+    }
+
+    .right-title {
+      float: right;
+      margin-right: 40%;
+    }
+  }
+
+  .van-tabs {
+    margin-top: 17px;
+  }
+
+  /deep/ .van-tabs__content {
+    width: 100%;
+    height: 95%;
+  }
+
+  .van-tab {
+    color: #3170A8;
+  }
+
+  /deep/ .van-tab--active {
+    color: #3170A8;
+    font-weight: 600;
+  }
+
+  /deep/ .van-tabs__line {
+    width: 30%;
+    background-color: #3170A8;
+  }
+
+  /deep/ .van-tab__pane {
+    height: 95%;
+    position: fixed;
+    width: 100%;
+  }
+}
+</style>