Главная Обзор Помощь
Регистрация Вход
Intelligent_due_diligence
/
dev-doc
4
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Дерево: 98b1b8cf37
Ветки Метки
dev-doc
/
yump-guide-v2
/
assets
/
js
/
22.874c6b4b.js

22.874c6b4b.js 9.3 KB
История Исходник

1 
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[22],{346:function(t,s,a){"use strict";a.r(s);var n=a(17),e=Object(n.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"常见问题"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#常见问题"}},[t._v("#")]),t._v(" 常见问题")]),t._v(" "),s("h2",{attrs:{id:"环境安装"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#环境安装"}},[t._v("#")]),t._v(" 环境安装")]),t._v(" "),s("h3",{attrs:{id:"mac系统安装依赖后-执行yarn-serve启动时报错-env-node-r-no-such-file-or-directory"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#mac系统安装依赖后-执行yarn-serve启动时报错-env-node-r-no-such-file-or-directory"}},[t._v("#")]),t._v(" MAC系统安装依赖后，执行"),s("code",[t._v("yarn serve")]),t._v("启动时报错 "),s("code",[t._v("env: node\\r: No such file or directory")])]),t._v(" "),s("ul",[s("li",[t._v("如图所示")])]),t._v(" "),s("img",{attrs:{src:t.$withBase("/images/FAQ/MAC-ERR.png"),alt:"",width:"800px"}}),t._v(" "),s("ul",[s("li",[t._v("解决步骤如下：")])]),t._v(" "),s("ol",[s("li",[t._v("node版本要对，运行命令的时候如果报环境不兼容有environment红色警告。注意查看node版本要v14开头的，去node官网下载文件格式为.pgk的node环境安装文件，建议安装v14.19.2版本；")]),t._v(" "),s("li",[t._v("核对.npmrc和.yarnrc文件的私库地址，若无内网环境则切换成外网私库地址"),s("code",[t._v("http://210.12.198.156:9036/repository/yx-npm-group/")]),t._v("；")]),t._v(" "),s("li",[t._v("删除yarn.lock相关文件；")]),t._v(" "),s("li",[t._v("删除node_modules文件夹；")]),t._v(" "),s("li",[t._v("运行npm install,安装依赖；")]),t._v(" "),s("li",[t._v("npm run serve或者yarn serve；")]),t._v(" "),s("li",[t._v("如果有提示报错Please run "),s("code",[t._v("npm config fix")]),t._v(" to repair your configuration.则运行 npm config fix 修复即可")])]),t._v(" "),s("h2",{attrs:{id:"沉浸式状态栏"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#沉浸式状态栏"}},[t._v("#")]),t._v(" 沉浸式状态栏")]),t._v(" "),s("ol",[s("li",[t._v("什么是状态栏")])]),t._v(" "),s("ul",[s("li",[t._v("是指手机屏幕最顶上，显示中国移动、安全卫士、电量、网速等等，在手机的顶部。下拉就会出现通知栏。")])]),t._v(" "),s("img",{attrs:{src:t.$withBase("/images/FAQ/phone.png"),alt:"",width:"600px"}}),t._v(" "),s("ol",{attrs:{start:"2"}},[s("li",[t._v("沉浸式状态栏")])]),t._v(" "),s("ul",[s("li",[t._v("简单来说就是状态栏会根据手机内容适应性变色，使软件和系统本身更加融为一体，大大提升了用户体验,如上图，手机状态栏部分背景颜色与页面内容部分颜色一致。")])]),t._v(" "),s("ol",{attrs:{start:"3"}},[s("li",[t._v("实现方案（H5实现）")])]),t._v(" "),s("ul",[s("li",[t._v("标题栏延伸到状态栏，将原生外壳自带的导航栏设置为不显示,若所有页面都不需要原生导航栏，可在每个模块的入口页面"),s("code",[t._v("src\\modules\\模块名\\App.vue")]),t._v("中设置，若仅是部分页面不需要原生导航栏，则在对应页面中按需设置。"),s("code",[t._v("setTitleVisible")]),s("RouterLink",{attrs:{to:"/api/ui/tabbar/#setTitleVisible"}},[t._v("点击查看API文档")])],1)]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("\n   "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$app"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("setTitleVisible")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token boolean"}},[t._v("false")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n")])])]),s("ul",[s("li",[t._v("此时，若标题栏的背景颜色为深色，手机系统状态栏的字色和图标颜色也为深色，会导致状态栏上的内容比如时间，电量等等不清楚，此时可通过"),s("code",[t._v("setStatusBarStyle")]),s("RouterLink",{attrs:{to:"/api/ui/stateBar/#setStatusBarStyle"}},[t._v("点击查看API文档")]),t._v("方法设置顶部状态栏样式。")],1)]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$app"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("setStatusBarStyle")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'light'")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// 将状态栏字体、图标设置为白色")]),t._v("\n\n")])])]),s("ul",[s("li",[t._v("当标题栏延伸至状态栏后，可能会导致标题栏内容遮挡手机系统状态栏的时间文字，信号网络图标等，此时可使用"),s("code",[t._v("getSafeAreaInsets")]),s("RouterLink",{attrs:{to:"/api/system/info/#getSafeAreaInsets"}},[t._v("查看API文档")]),t._v("l获取手机安全区域信息，安全区域信息中包含手机顶部状态栏高度，通过设置页面顶部"),s("code",[t._v("padding")]),t._v("或"),s("code",[t._v("margin")]),t._v("来预留手机系统状态栏的高度。")],1)]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("\n   "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("this")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("$app"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("getSafeAreaInsets")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("then")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token parameter"}},[t._v("res")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("=>")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n      console"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("log")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'app/getSafeAreaInsets==='")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token constant"}},[t._v("JSON")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("stringify")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),t._v("res"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n   "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("}")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n\n")])])]),s("h2",{attrs:{id:"license更新-3-4-1及3-4-1以下版本"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#license更新-3-4-1及3-4-1以下版本"}},[t._v("#")]),t._v(" License更新 (3.4.1及3.4.1以下版本)")]),t._v(" "),s("h3",{attrs:{id:"license过期后-无法启动项目工程-需要申请新的license"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#license过期后-无法启动项目工程-需要申请新的license"}},[t._v("#")]),t._v(" License过期后，无法启动项目工程，需要申请新的license")]),t._v(" "),s("ol",[s("li",[t._v("新一代移动平台V3前端框架(基于vant-ui、跨模块)解决方案：")])]),t._v(" "),s("p",[t._v("第一步：把package.json文件下'yump-cli'依赖版本更改成1.2.1-beta.b")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/images/FAQ/package1.png"),alt:"",width:"600px"}}),t._v(" "),s("p",[t._v("第二步：在工程下增加yump.lic文件，文件内容为新申请的lisence")]),t._v(" "),s("img",{attrs:{src:t.$withBase("/images/FAQ/yumpLic.png"),alt:"",width:"600px"}}),t._v(" "),s("p",[t._v("第三步：重新安装依赖")]),t._v(" "),s("blockquote",[s("p",[t._v("运行如下命令：")])]),t._v(" "),s("div",{staticClass:"language-sh extra-class"},[s("pre",{pre:!0,attrs:{class:"language-sh"}},[s("code",[s("span",{pre:!0,attrs:{class:"token function"}},[t._v("yarn")]),t._v(" remove yump-cli\n"),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("yarn")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("add")]),t._v(" yump-cli@1.2.1-beta.b\n")])])])])}),[],!1,null,null,null);s.default=e.exports}}]);
    2.