magazine-web/pages/journal/index.vue

<template>
  <view class="container">
    <navbar></navbar>
    <baner></baner>
    <!-- 管理智慧 -->
    <uni-group title="管理智慧" margin-top="20">
      <uni-grid :column="data.length" :highlight="true" @change="change">
        <uni-grid-item v-for="(item, index) in data" :index="index" :key="index">
          <view class="grid-item-box" style="background-color: #fff; height: 100%">
            <image style="width: 100%; height: 100%;" :mode="scaleToFill" :src="baseurl + item.thumbnail"></image>
            <!-- <text class="text">文本信息</text> -->
          </view>
        </uni-grid-item>
      </uni-grid>
    </uni-group>
    <!-- 财富生活 -->
    <uni-group title="财富生活" margin-top="20">
      <uni-grid :column="data.length" :highlight="true" @change="change">
        <uni-grid-item v-for="(item, index) in data" :index="index" :key="index">
          <view class="grid-item-box" style="background-color: #fff; height: 100%">
            <image style="width: 100%; height: 100%;" :mode="scaleToFill" :src="baseurl + item.thumbnail"></image>
            <!-- <text class="text">文本信息</text> -->
          </view>
        </uni-grid-item>
      </uni-grid>
    </uni-group>
    <!-- 才智青年 -->
    <uni-group title="才智青年" margin-top="20">
      <uni-grid :column="data.length" :highlight="true" @change="change">
        <uni-grid-item v-for="(item, index) in data" :index="index" :key="index">
          <view class="grid-item-box" style="background-color: #fff; height: 100%">
            <image style="width: 100%; height: 100%;" :mode="scaleToFill" :src="baseurl + item.thumbnail"></image>
            <!-- <text class="text">文本信息</text> -->
          </view>
        </uni-grid-item>
      </uni-grid>
    </uni-group>
  </view>
</template>

<script>
import { mapActions, mapState } from "vuex";
export default {
  data() {
    return {
		data: [],
		baseurl: 'http://192.168.3.45:9002',
    };
  },
  computed: {},
  async mounted() {
    this.data = await this.intactQuery({ type: 0 });
  },
  methods: {
    ...mapActions(["intactQuery"]),
  },
};
</script>

<style>
.container {
  width: 100%;
  margin: 0;
  padding: 0;
}
</style>