sooka_consult_uniapp/pages/wenba/wenba.vue

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

        <ul class="wendaFL">
            <li class="sanNong">
                <image :src="loadImgSrc('/snbj.png')" class="lbBj" @tap="goSanNong"></image>
                <h2>三农</h2>
                <span>1566</span>
            </li>
            <li class="jiuYe">
                <image :src="loadImgSrc('/jybj.png')" class="lbBj"></image>
                <h2>就业</h2>
                <span>1589</span>
            </li>
        </ul>
        <ul class="wendaFL">
            <li class="faLv">
                <image :src="loadImgSrc('/flbj.png')" class="lbBj"></image>
                <h2>法律</h2>
                <span>6589</span>
            </li>
            <li class="jiuZhen">
                <image :src="loadImgSrc('/jzbj.png')" class="lbBj"></image>
                <h2>就诊</h2>
                <span>1566</span>
            </li>
        </ul>
        <ul class="wendaFL">
            <li class="jiuYe">
                <image :src="loadImgSrc('/zkbj.png')" class="lbBj"></image>
                <h2>智库</h2>
                <span>1589</span>
            </li>
            <li class="sanNong">
                <image :src="loadImgSrc('/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
export default {
    data() {
        return {
            wb: [
				{
					ck: '10',
					dz: '120',
					id: 1,
					jf: '100',
					pl: '10',
					title: '探索乡村能源供给新模式',
					type: '三农'
				},
				{
					ck: '20',
					dz: '220',
					id: 2,
					jf: '200',
					ly: '20',
					title: '探索乡村能源供给新模式 美丽新画卷',
					type: '三农'
				},
				{
					ck: '30',
					dz: '30',
					id: 3,
					jf: '300',
					pl: '30',
					title: '探索乡村能源供给新模式 绘就乡村振兴美丽新画卷',
					type: '三农'
				}
			]
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {
    },
    methods: {
        goSanNong() {
            uni.navigateTo({
                url: '/pages/sannong/sannong'
            });
        },

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