sooka_consult_uniapp/pages/wenba/wenba.vue

<template>
    <!-- pages/fuwu/fuwu.wxml -->
    <view class="container">
        <!-- 问答类别 -->

        <ul class="wendaFL">
            <li class="sanNong">
                <image :src="host + '/snbj.png'" class="lbBj" @tap="goSanNong"></image>
                <h2>三农</h2>
                <span>1566</span>
            </li>
            <li class="jiuYe">
                <image :src="host + '/jybj.png'" class="lbBj"></image>
                <h2>就业</h2>
                <span>1589</span>
            </li>
        </ul>
        <ul class="wendaFL">
            <li class="faLv">
                <image :src="host + '/flbj.png'" class="lbBj"></image>
                <h2>法律</h2>
                <span>6589</span>
            </li>
            <li class="jiuZhen">
                <image :src="host + '/jzbj.png'" class="lbBj"></image>
                <h2>就诊</h2>
                <span>1566</span>
            </li>
        </ul>
        <ul class="wendaFL">
            <li class="jiuYe">
                <image :src="host + '/zkbj.png'" class="lbBj"></image>
                <h2>智库</h2>
                <span>1589</span>
            </li>
            <li class="sanNong">
                <image :src="host + '/lybj.png'" class="lbBj"></image>
                <h2>旅游</h2>
                <span>6589</span>
            </li>
        </ul>
        <!-- 问答列表 -->
        <view class="rnwdList" @tap="goDetails" v-for="(item, index) in wb" :key="index">
            <span class="lb">{{ item.type }}</span>

            <view class="list">
                <span class="listTitle">{{ item.title }}</span>
                <view class="jlSj">
                    <span class="jf">
                        {{ item.jf }}
                        <em class="iconfont icon-jifen"></em>
                    </span>
                    <view class="ck">
                        <span>
                            <em class="iconfont icon-pinglun"></em>
                            {{ item.pl }}
                        </span>
                        <span>
                            <em class="iconfont icon-chakan"></em>
                            {{ item.ck }}
                        </span>
                        <span>
                            <em class="iconfont icon-shoucang"></em>
                            {{ item.dz }}
                        </span>
                    </view>
                </view>
            </view>

            <em class="iconfont icon-xiangyoujiantou"></em>
        </view>
    </view>
</template>

<script>
// pages/fuwu/fuwu.js
const app = getApp();
var localData = require('../../data/json');
export default {
    data() {
        return {
            host: app.globalData.host,
            wb: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
        this.setData({
            wb: localData.wbList
        });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        goSanNong() {
            uni.navigateTo({
                url: '../sannong/sannong'
            });
        },

        goDetails() {
            uni.navigateTo({
                url: '../wenbaxiangqing/wenbaxiangqing'
            });
        }
    }
};
</script>
<style>
@import './wenba.css';
</style>