中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當(dāng)前位置: 首頁(yè) > news >正文

德州市建設(shè)街小學(xué)官方網(wǎng)站seo排名賺錢(qián)

德州市建設(shè)街小學(xué)官方網(wǎng)站,seo排名賺錢(qián),怎么安裝wordpress主題,如何在網(wǎng)上推廣app成品效果 首先引入i18n(vue-i18n官網(wǎng)文檔) 依賴(lài)包 npm install vue-i18n8然后單獨(dú)在src目錄下新建一個(gè)文件夾lang,存放相對(duì)應(yīng)的變量名稱(chēng),我這里只做顯示中文所以其他引入我都注釋了,具體目錄如下: src\lang/zh.js部分代碼 export…

成品效果

在這里插入圖片描述

首先引入i18n(vue-i18n官網(wǎng)文檔) 依賴(lài)包


npm install vue-i18n@8
然后單獨(dú)在src目錄下新建一個(gè)文件夾lang,存放相對(duì)應(yīng)的變量名稱(chēng),我這里只做顯示中文所以其他引入我都注釋了,具體目錄如下:

在這里插入圖片描述

src\lang/zh.js部分代碼

export default {route: {riskDetail: '列表庫(kù)管理',bdTaskRisk: '列表1',bdRepairOrder: '列表2',pdTaskRisk: '列表3',pdRepairOrder: '列表4',sdTaskRisk: '列表5',sdRepairOrder: '列表6',zlTaskRisk: '列表7',zlRepairOrder: '列表8',jobControlCard: '列表9',},navbar: {dashboard: '首頁(yè)',github: '項(xiàng)目地址',logOut: '退出登錄',profile: '個(gè)人中心',theme: '換膚',size: '布局大小'},login: {title: '系統(tǒng)登錄',logIn: '登錄',tenant: '租戶',username: '賬號(hào)',password: '密碼',any: '隨便填',thirdparty: '第三方登錄',thirdpartyTips: '本地不能模擬,請(qǐng)結(jié)合自己業(yè)務(wù)進(jìn)行模擬!!!'},documentation: {documentation: '文檔',github: 'Github 地址'},permission: {addRole: '新增角色',editPermission: '編輯權(quán)限',roles: '你的權(quán)限',switchRoles: '切換權(quán)限',tips: '在某些情況下,不適合使用 v-permission。例如:Element-UI 的 el-tab 或 el-table-column 以及其它動(dòng)態(tài)渲染 dom 的場(chǎng)景。你只能通過(guò)手動(dòng)設(shè)置 v-if 來(lái)實(shí)現(xiàn)。',delete: '刪除',confirm: '確定',cancel: '取消'},guide: {description: '引導(dǎo)頁(yè)對(duì)于一些第一次進(jìn)入項(xiàng)目的人很有用,你可以簡(jiǎn)單介紹下項(xiàng)目的功能。本 Demo 是基于',button: '打開(kāi)引導(dǎo)'},components: {documentation: '文檔',tinymceTips: '富文本是管理后臺(tái)一個(gè)核心的功能,但同時(shí)又是一個(gè)有很多坑的地方。在選擇富文本的過(guò)程中我也走了不少的彎路,市面上常見(jiàn)的富文本都基本用過(guò)了,最終權(quán)衡了一下選擇了Tinymce。更詳細(xì)的富文本比較和介紹見(jiàn)',dropzoneTips: '由于我司業(yè)務(wù)有特殊需求,而且要傳七牛 所以沒(méi)用第三方,選擇了自己封裝。代碼非常的簡(jiǎn)單,具體代碼你可以在這里看到 @/components/Dropzone',stickyTips: '當(dāng)頁(yè)面滾動(dòng)到預(yù)設(shè)的位置會(huì)吸附在頂部',backToTopTips1: '頁(yè)面滾動(dòng)到指定位置會(huì)在右下角出現(xiàn)返回頂部按鈕',backToTopTips2: '可自定義按鈕的樣式、show/hide、出現(xiàn)的高度、返回的位置 如需文字提示,可在外部使用Element的el-tooltip元素',imageUploadTips: '由于我在使用時(shí)它只有vue@1版本,而且和mockjs不兼容,所以自己改造了一下,如果大家要使用的話,優(yōu)先還是使用官方版本。'},table: {dynamicTips1: '固定表頭, 按照表頭順序排序',dynamicTips2: '不固定表頭, 按照點(diǎn)擊順序排序',dragTips1: '默認(rèn)順序',dragTips2: '拖拽后順序',title: '標(biāo)題',importance: '重要性',type: '類(lèi)型',remark: '點(diǎn)評(píng)',search: '搜索',add: '添加',export: '導(dǎo)出',reviewer: '審核人',id: '序號(hào)',date: '時(shí)間',author: '作者',readings: '閱讀數(shù)',status: '狀態(tài)',actions: '操作',edit: '編輯',publish: '發(fā)布',draft: '草稿',delete: '刪除',cancel: '取 消',confirm: '確 定'},example: {warning: '創(chuàng)建和編輯頁(yè)面是不能被 keep-alive 緩存的,因?yàn)閗eep-alive 的 include 目前不支持根據(jù)路由來(lái)緩存,所以目前都是基于 component name 來(lái)進(jìn)行緩存的。如果你想類(lèi)似的實(shí)現(xiàn)緩存效果,可以使用 localStorage 等瀏覽器緩存方案?;蛘卟灰褂?keep-alive 的 include,直接緩存所有頁(yè)面。詳情見(jiàn)'},errorLog: {tips: '請(qǐng)點(diǎn)擊右上角bug小圖標(biāo)',description: '現(xiàn)在的管理后臺(tái)基本都是spa的形式了,它增強(qiáng)了用戶體驗(yàn),但同時(shí)也會(huì)增加頁(yè)面出問(wèn)題的可能性,可能一個(gè)小小的疏忽就導(dǎo)致整個(gè)頁(yè)面的死鎖。好在 Vue 官網(wǎng)提供了一個(gè)方法來(lái)捕獲處理異常,你可以在其中進(jìn)行錯(cuò)誤處理或者異常上報(bào)。',documentation: '文檔介紹'},excel: {export: '導(dǎo)出',selectedExport: '導(dǎo)出已選擇項(xiàng)',placeholder: '請(qǐng)輸入文件名(默認(rèn)excel-list)'},zip: {export: '導(dǎo)出',placeholder: '請(qǐng)輸入文件名(默認(rèn)file)'},pdf: {tips: '這里使用   window.print() 來(lái)實(shí)現(xiàn)下載pdf的功能'},theme: {change: '換膚',documentation: '換膚文檔',tips: 'Tips: 它區(qū)別于 navbar 上的 theme-pick, 是兩種不同的換膚方法,各自有不同的應(yīng)用場(chǎng)景,具體請(qǐng)參考文檔。'},tagsView: {refresh: '刷新',close: '關(guān)閉',closeOthers: '關(guān)閉其它',closeAll: '關(guān)閉所有'},settings: {title: '系統(tǒng)布局配置',theme: '主題色',tagsView: '開(kāi)啟 Tags-View',fixedHeader: '固定 Header',sidebarLogo: '側(cè)邊欄 Logo'}
}

src\lang\index.js

我這里默認(rèn)設(shè)置只顯示中文

import Vue from 'vue'
import VueI18n from 'vue-i18n'
//import Cookies from 'js-cookie'
// import elementEnLocale from 'element-ui/lib/locale/lang/en' // element-ui lang
import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'// element-ui lang
// import elementEsLocale from 'element-ui/lib/locale/lang/es'// element-ui lang
// import elementJaLocale from 'element-ui/lib/locale/lang/ja'// element-ui lang
// import enLocale from './en'
import zhLocale from './zh'
// import esLocale from './es'
// import jaLocale from './ja'Vue.use(VueI18n)const messages = {// en: {//   ...enLocale,//   ...elementEnLocale// },zh: {...zhLocale,...elementZhLocale},// es: {//   ...esLocale,//   ...elementEsLocale// },// ja: {//   ...jaLocale,//   ...elementJaLocale// }
}
export function getLanguage() {// const chooseLanguage = Cookies.get('language')//if (chooseLanguage) return chooseLanguage// if has not choose language// const language = (navigator.language || navigator.browserLanguage).toLowerCase()// const locales = Object.keys(messages)// for (const locale of locales) {//   if (language.indexOf(locale) > -1) {//     return locale//   }// }return 'zh' // 默認(rèn)中文
}
const i18n = new VueI18n({// set locale// options: en | zh | eslocale: getLanguage(),// set locale messagesmessages
})export default i18n

src\main.js

接著要在main.js引入相關(guān)依賴(lài)

import Vue from 'vue'import 'normalize.css/normalize.css' // A modern alternative to CSS resetsimport Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n
// import Cookies from 'js-cookie' //這里不用到字體大小切換所以不存cookies切換
import '@/styles/index.scss' // global cssimport App from './App'
import store from './store'
import router from './router'import i18n from './lang' // internationalizationimport '@/icons' // icon
import '@/permission' // permission control/*** If you don't want to use mock-server* you want to use MockJs for mock api* you can execute: mockXHR()** Currently MockJs will be used in the production environment,* please remove it before going online ! ! !*/
if (process.env.NODE_ENV === 'production') {const { mockXHR } = require('../mock')mockXHR()
}// Vue.use(Element, {
//   size: Cookies.get('size') || 'medium', // set element-ui default size
//   i18n: (key, value) => i18n.t(key, value)
// })//重點(diǎn)代碼//
Vue.use(Element, {size: 'medium', // set element-ui default size設(shè)置元素默認(rèn)大小i18n: (key, value) => i18n.t(key, value)// 在注冊(cè)Element時(shí)設(shè)置i18n的處理方法
})Vue.config.productionTip = falsenew Vue({el: '#app',router,store,i18n,render: h => h(App)
})
然后修改src/layout/components/Sidebar/SidebarItem.vue文件

在這里插入圖片描述

<template><div v-if="!item.hidden"><template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow"><app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)"><el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}"><item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="generateTitle(onlyOneChild.meta.title)" /></el-menu-item></app-link></template><el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body><template slot="title"><item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="generateTitle(item.meta.title)" /></template><sidebar-itemv-for="child in item.children":key="child.path":is-nest="true":item="child":base-path="resolvePath(child.path)"class="nest-menu"/></el-submenu></div>
</template><script>
import path from 'path'
import { generateTitle } from '@/utils/i18n'
import { isExternal } from '@/utils/validate'
import Item from './Item'
import AppLink from './Link'
import FixiOSBug from './FixiOSBug'export default {name: 'SidebarItem',components: { Item, AppLink },mixins: [FixiOSBug],props: {// route objectitem: {type: Object,required: true},isNest: {type: Boolean,default: false},basePath: {type: String,default: ''}},data() {// To fix https://github.com/PanJiaChen/vue-admin-template/issues/237// TODO: refactor with render functionthis.onlyOneChild = nullreturn {}},methods: {hasOneShowingChild(children = [], parent) {const showingChildren = children.filter(item => {if (item.hidden) {return false} else {// Temp set(will be used if only has one showing child)this.onlyOneChild = itemreturn true}})// When there is only one child router, the child router is displayed by defaultif (showingChildren.length === 1) {return true}// Show parent if there are no child router to displayif (showingChildren.length === 0) {this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }return true}return false},resolvePath(routePath) {if (isExternal(routePath)) {return routePath}if (isExternal(this.basePath)) {return this.basePath}return path.resolve(this.basePath, routePath)},generateTitle}
}
</script>

然后修改src\components\Breadcrumb\index.vue文件

在這里插入圖片描述

<template><el-breadcrumb class="app-breadcrumb" separator="/"><transition-group name="breadcrumb"><el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path"><span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ generateTitle(item.meta.title) }}</span><a v-else @click.prevent="handleLink(item)">{{ generateTitle(item.meta.title) }}</a></el-breadcrumb-item></transition-group></el-breadcrumb>
</template><script>
import pathToRegexp from 'path-to-regexp'
import { generateTitle } from '@/utils/i18n'
export default {data() {return {levelList: null}},watch: {$route(route) {// if you go to the redirect page, do not update the breadcrumbsif (route.path.startsWith('/redirect/')) {return}this.getBreadcrumb()}},created() {this.getBreadcrumb()},methods: {generateTitle,getBreadcrumb() {// only show routes with meta.titlelet matched = this.$route.matched.filter(item => item.meta && item.meta.title)const first = matched[0]if (!this.isDashboard(first)) {matched = [{ path: '/dashboard', meta: { title: 'Dashboard' }}].concat(matched)}this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)},isDashboard(route) {const name = route && route.nameif (!name) {return false}return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()},pathCompile(path) {// To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561const { params } = this.$routevar toPath = pathToRegexp.compile(path)return toPath(params)},handleLink(item) {const { redirect, path } = itemif (redirect) {this.$router.push(redirect)return}this.$router.push(this.pathCompile(path))}}
}
</script><style lang="scss" scoped>
.app-breadcrumb.el-breadcrumb {display: inline-block;font-size: 14px;line-height: 50px;margin-left: 8px;.no-redirect {color: #97a8be;cursor: text;}
}
</style>

這樣就完成了,因?yàn)樾枨蟛恍枰Z(yǔ)言版本切換就所以借默認(rèn)了zh,我這里只做個(gè)人記錄所以代碼潦草,不喜勿噴哈。
在這里插入圖片描述

http://m.risenshineclean.com/news/63170.html

相關(guān)文章:

  • 有九類(lèi)商標(biāo)可以做網(wǎng)站名嗎百度收錄網(wǎng)址
  • 新網(wǎng)站內(nèi)部?jī)?yōu)化怎么做北京關(guān)鍵詞優(yōu)化報(bào)價(jià)
  • 品牌網(wǎng)站建設(shè)公司今天頭條新聞
  • 百度站長(zhǎng)平臺(tái)鏈接國(guó)際最新新聞熱點(diǎn)事件
  • 男女做那個(gè)網(wǎng)站動(dòng)態(tài)圖專(zhuān)業(yè)關(guān)鍵詞優(yōu)化平臺(tái)
  • 大連網(wǎng)站設(shè)計(jì)費(fèi)用友情鏈接源碼
  • 做網(wǎng)站一定要注冊(cè)域名嗎企業(yè)網(wǎng)站有什么
  • 與網(wǎng)絡(luò)公司洽談做網(wǎng)站需要注意什么個(gè)人網(wǎng)站創(chuàng)建平臺(tái)
  • 安徽省網(wǎng)站肥建設(shè)網(wǎng)站軟文網(wǎng)站推薦
  • 建設(shè)摩托車(chē)官網(wǎng)中國(guó)官網(wǎng)報(bào)價(jià)大全博客seo優(yōu)化技術(shù)
  • 怎么做qq空間支付網(wǎng)站焊工培訓(xùn)
  • 企業(yè)網(wǎng)站的職能主要有怎樣做引流推廣
  • 上海寶山手機(jī)網(wǎng)站制作鄭州關(guān)鍵詞排名顧問(wèn)
  • 非專(zhuān)業(yè)人士可以做網(wǎng)站編輯的工作嗎網(wǎng)頁(yè)設(shè)計(jì)與制作考試試題及答案
  • 建設(shè)網(wǎng)站的意義東莞seo培訓(xùn)
  • 四川建設(shè)網(wǎng)和四川省公共資源交易信息網(wǎng)seo編輯培訓(xùn)
  • 春節(jié)網(wǎng)頁(yè)設(shè)計(jì)素材網(wǎng)站登錄百度app
  • 施工企業(yè)資質(zhì)證書(shū)延期搜索引擎優(yōu)化寶典
  • 學(xué)網(wǎng)站開(kāi)發(fā)哪個(gè)好百度推廣的優(yōu)化軟件
  • 西雙版納網(wǎng)站制作公司百度集團(tuán)股份有限公司
  • b2c網(wǎng)站有哪些類(lèi)型百度手機(jī)助手app官方下載
  • 免費(fèi)域名x網(wǎng)站怎么學(xué)seo基礎(chǔ)
  • 淄博網(wǎng)站建設(shè)專(zhuān)家湖北短視頻seo營(yíng)銷(xiāo)
  • 哈爾濱網(wǎng)站建設(shè)價(jià)格企業(yè)文化墻
  • 個(gè)人站長(zhǎng)做網(wǎng)站seo網(wǎng)站優(yōu)化培訓(xùn)找哪些
  • 做百科權(quán)威網(wǎng)站有哪些淘寶關(guān)鍵詞優(yōu)化技巧
  • 建設(shè)微信網(wǎng)站的流程圖青島seo外包公司
  • 網(wǎng)站制作字怎么放在圖上面策劃公司排行榜
  • 龍巖到永定seo技術(shù)大師
  • 建站工具搭建前臺(tái)網(wǎng)站seo關(guān)鍵詞優(yōu)化排名