sooka_consult_uniapp/pages/shangcheng/shangcheng.vue

<template>
    <view>
        <!-- pages/shangcheng.wxml -->
        <view class="shangchengTop">
            <image :src="host + '/sc-banner.png'"></image>
        </view>
        <view class="container">
            <view class="cnfl">
                <view class="hm">
                    <text>惠民通</text>
                    <image :src="host + '/hm.jpg'"></image>
                </view>
                <view class="gxs">
                    <text>供销社</text>
                    <image :src="host + '/gxs.png'"></image>
                </view>
            </view>
        </view>
        <view class="fengexian"></view>
        <!-- 分割线 -->
        <!-- 积分商城 -->
        <view class="container">
            <view class="jfZongshu">
                <view class="jfZongshu_in">
                    <text>--吉村宝--</text>
                    <h2>9876554</h2>
                    <span>积分商城</span>
                </view>
                <view class="jfZongshuFr">
                    <view class="xszn">
                        <em class="iconfont icon-xinshouyindao"></em>
                        新手指南
                    </view>
                    <view class="jfmx">
                        <em class="iconfont icon-mingxi"></em>
                        积分明细
                    </view>
                </view>
            </view>
            <view class="tuijianCp">
                <view class="titleLeft">
                    <em class="iconfont icon-shangpin"></em>
                    推荐产品
                </view>
                <view class="fenlei" @tap="goFenLei">
                    <em class="iconfont icon-fenlei"></em>
                    分类
                </view>
            </view>
            <ul class="tjcpList">
                <li>
                    <image class="sp_pic" :src="host + '/chanpintu.png'"></image>
                    <view class="sp_wenben">
                        <span class="sp_title">生日礼物送女朋友给男女生闺蜜实用创意小众夜灯</span>
                        <view class="jiage">
                            <span class="yhjg">
                                <em>￥</em>
                                200
                            </span>
                            <span class="yjjg">￥500</span>
                        </view>
                    </view>
                </li>
                <li>
                    <image class="sp_pic" :src="host + '/chanpintu.png'"></image>
                    <view class="sp_wenben">
                        <span class="sp_title">生日礼物送女朋友给男女生闺蜜实用创意小众夜灯</span>
                        <view class="jiage">
                            <span class="yhjg">
                                <em>￥</em>
                                200
                            </span>
                            <span class="yjjg">￥500</span>
                        </view>
                    </view>
                </li>
                <li>
                    <image class="sp_pic" :src="host + '/chanpintu.png'"></image>
                    <view class="sp_wenben">
                        <span class="sp_title">生日礼物送女朋友给男女生闺蜜实用创意小众夜灯</span>
                        <view class="jiage">
                            <span class="yhjg">
                                <em>￥</em>
                                200
                            </span>
                            <span class="yjjg">￥500</span>
                        </view>
                    </view>
                </li>
                <li>
                    <image class="sp_pic" :src="host + '/chanpintu.png'"></image>
                    <view class="sp_wenben">
                        <span class="sp_title">生日礼物送女朋友给男女生闺蜜实用创意小众夜灯</span>
                        <view class="jiage">
                            <span class="yhjg">
                                <em>￥</em>
                                200
                            </span>
                            <span class="yjjg">￥500</span>
                        </view>
                    </view>
                </li>
            </ul>
        </view>
        <view class="fabiaoPl">
            <view>
                <image class="bottomNav-shangcheng" :src="host + '/botnav-shangcheng2.png'"></image>
                <span>商城</span>
            </view>
            <view>
                <image class="bottomNav-xiaoxi" :src="host + '/botnav-xiaoxi2.png'"></image>
                <span>消息</span>
            </view>
            <view>
                <image class="bottomNav-gouwuche" :src="host + '/botnav-gouwuche2.png'"></image>
                <span>购物车</span>
            </view>
            <view>
                <image class="bottomNav-dingdan" :src="host + '/botnav-dingdan2.png'"></image>
                <span>订单</span>
            </view>
        </view>
    </view>
</template>

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