增加介绍文档

明梦爽

2022-03-23 cae892f7fa165fadbf0c4e8928846f715cda7a88

 src/components/page/introduce.vue

@@ -14,13 +14,8 @@
      </el-col>
       <!-- 新闻内容 -->
      <el-card class="box-card">
        <el-col :span="18">
          <!-- <div v-if="newsList.length > 0">
            <el-row class="marb10" :key="index" v-for="(item, index) in newsList">
              {{ item.title }}
            </el-row>
          </div> -->
          <div>{{ content }}</div>
        <el-col>
          <div v-html="this.new.content" class="ql-editor"></div>
        </el-col>
      </el-card>
    </el-row>
@@ -40,7 +35,7 @@
      cont: '',
      menuList: [],
      newsList:[],
      content:'',
      new:{}  //新闻对象
    }
  },
  created() {
@@ -51,15 +46,15 @@
  watch: {
    menuList(n,o){
      this.cont =  this.menuList[0].name;
      this.getnews(this.menuList[0]);
      this.getalone(this.newsList);
      this.getnews(this.menuList[0]); //改变对象，菜单栏的东西要写到监听属性里边
    }
  },
  methods: {
    //获取小标题的id
    getTitle(){
      const data = Number(this.$route.query.id);
      getMinTitle(data).then(res => {
        console.log(res);
        // console.log(res);
        if(res.code == 200){
          this.menuList = res.data
        }
@@ -67,10 +62,12 @@
        console.log(err);
      })
    },
    //小标题菜单的球切换
    changeMenu(val) {
      this.cont = val.name;
      this.getnews(val)
    },
    //获取到了新闻列表，里边只有一个对象
    getnews(item){
      const data = {
        current:1,
@@ -78,26 +75,26 @@
        size:5
      };
      getNewsList(data).then(res => {
        console.log(res);
        // console.log(res);
        if(res.code == 200){
          // if(res.data.records.length == 1){
            this.newsList = [];
            this.getalone(res.data.records[0]);
          // }else{
          //   this.content = '';
          //   this.newsList = res.data.records
          // }
          this.newsList = res.data.records
          this.getalone(this.newsList[0].id)
        }
      }).catch(error => {
        console.log(error);
      })
    },
    getalone(item){
      const data = item.id;
    //获取新闻内容,得到一个新闻对象
    getalone(id){
      const data = id;
      getnew(data).then(res => {
        console.log(">>>>",res);
        this.content = res.data.content;
        this.data = res.data;
        // console.log(res);
        if(res.code == 200){
          this.new = res.data;
          console.log(this.new.content);
        }
      }).catch(error => {
        console.log(error);
      })
    }
  }
@@ -119,4 +116,7 @@
.ft-black {
  color: #000;
}
.ql-editor{
  padding: 12px 0px !important;
}
</style>