安岳网站优化【安岳开通400电话】安岳网站搭建、安岳微信公众号推文外包、安岳开通京东拼多多设计、安岳淘宝装修

发表日期： 2021-06-05 14:00:39 浏览次数：112

网站建设.jpg

安岳县隶属四川省资阳市，位于四川盆地中部，成渝经济区腹心和成都、重庆的直线中点，誉“成渝之心”； [1] 地跨东经104°56′51″～105°45′14″，北纬29°40′32″～30°18′53″之间。东邻重庆市潼南区，东南靠重庆市大足区；南接重庆市荣昌区和内江市东兴区，西南接内江市东兴区；西倚内江市资中县，西北连乐至县、遂宁市安居区。 [2]

安岳县总面积2700平方公里，2019年，辖2个街道、32个镇、12个乡， [3] 户籍总人口155.6万，全县地区生产总值(GDP)实现252.3亿元，同比（下同）增长6.7%。人均地区生产总值（GDP）23209元，同比增长8.9%。 [4]

安岳县北周建德四年置普州及安岳县，州、县同治一城，取“安居于山岳”而得名； [5] 孕育了韩国“普州太后”许黄玉、南宋数学泰斗秦九韶等历史名人；境内安岳石刻“古、多、精、美”，“上承敦煌，下启大足”，被授予“中国民间艺术（石刻艺术）之乡”，又有“中国佛雕之都”之称， [6] 境内拥有国家级重点文物保护单位9处，省级文物保护单位10处。

安岳县是全国唯一的柠檬基地生产县，柠檬种植面积达52万亩，产量占全国的80%，被称为“中国柠檬之都”。 [7-8] 境内还拥有通贤柚、伤心凉粉、安岳竹编等地方特产。 [9] 安岳县是四川盆地腹心陆路交通要冲、成渝经济区区域性交通枢纽、川渝两地重要物资集散地和物流中心， [1] 319国道、247国道和内遂高速公路、成安渝高速公路贯穿全境。 [10] 2020年9月22日，荣获2019年度四川省粮食生产“丰收杯”。

1.在app.vue文件中

?
    <nav class="mui-bar mui-bar-tab">
        <router-link class="mui-tab-item" to="/home">
            <span class="mui-icon mui-icon-home"></span>
            <span class="mui-tab-label">首页</span>
        </router-link>
        <router-link class="mui-tab-item" to="/member">
            <span class="mui-icon mui-icon-email"></span>
            <span class="mui-tab-label">会员</span>
        </router-link>
        <router-link class="mui-tab-item" to="/shopcar">
            <span class="mui-icon mui-icon-extra mui-icon-extra-cart"><span class="mui-badge">0</span></span>
            <span class="mui-tab-label">购物车</span>
        </router-link>
        <router-link class="mui-tab-item" to="/search">
            <span class="mui-icon mui-icon-search"></span>
            <span class="mui-tab-label">搜索</span>
        </router-link>
    </nav>

2.在router.js配置路由

?
import VueRouter from 'vue-router'
 
// 导入对应的路由组件
import HomeContainer from './components/tabbar/HomeContainer.vue'
import MemberContainer from './components/tabbar/MemberContainer.vue'
import ShopcarContainer from './components/tabbar/ShopcarContainer.vue'
import SearchContainer from './components/tabbar/SearchContainer.vue'
 
// 创建路由对象
var router = new VueRouter({
  routes: [//配置路由规则
    {path: '/home',component:HomeContainer},
    {path: '/member',component:MemberContainer},
    {path: '/search',component:SearchContainer},
    {path: '/shopcar',component:ShopcarContainer},
  ],
  linkActiveClass:'mui-active' //覆盖默认的路由高亮的类
})
 
// 把路由对象暴露出去
export default router

3.在对应的模板vue文件中写代码

?
<template>
    <div>
        <h3>ShopcarContainer</h3>
    </div>
</template>
 
<script>
</script>
 
<style lang="scss" scoped>
 
</style>

效果图如下：

码云源码地址：https://gitee.com/imzqq/Vue-MintUI.git

安岳网站优化【安岳开通400电话】安岳网站搭建、安岳微信公众号推文外包、安岳开通京东拼多多设计、安岳淘宝装修