Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
16064539 by simon
Options

默认提交

1 parent 470e2cca
Inline Side-by-side
Showing 2 changed files with 31 additions and 18 deletions
...@@ -25,5 +25,8 @@ indent_style = tab ...@@ -25,5 +25,8 @@ indent_style = tab
25 indent_size = 2 25 indent_size = 2
26 tab_width = 2 26 tab_width = 2
27 27
28 [README.md] 28 # [README.md]
29 trim_trailing_whitespace = ignore 29 # trim_trailing_whitespace = ignore
30
31 [*.md]
32 trim_trailing_whitespace = false
......
1 1
2 # 中国平安人寿(香港) 2 # 中国平安人寿(香港)
3 3
4 ---
5
4 ## 介绍 6 ## 介绍
5 7
6 中国平安人寿(香港) 官网 8 中国平安人寿(香港) 官网
7 9
10 ---
11
8 ## 开始使用 12 ## 开始使用
9 13
10 ### 安装依赖 (建议使用国内镜像) 14
15 #### 安装依赖 (建议使用国内镜像)
11 ``` 16 ```
12 npm install 17 npm install
13 ``` 18 ```
14 19
15 ### 项目预览 20 #### 项目预览
16 ``` 21 ```
17 npm run dev 22 npm run dev
18 ``` 23 ```
19 24
20 ### 项目打包 25 #### 项目打包
21 ``` 26 ```
22 npm run build 27 npm run build
23 ``` 28 ```
24 29
25 ### 项目打包 -- 沙箱 30 #### 项目打包 -- 沙箱环境
26 ``` 31 ```
27 npm run sandbox 32 npm run sandbox
28 ``` 33 ```
29 34
35 ---
30 36
31 ## 项目结构 37 ## 项目结构
32 38
...@@ -60,12 +66,13 @@ npm run sandbox ...@@ -60,12 +66,13 @@ npm run sandbox
60 ├── README.md // 项目说明 66 ├── README.md // 项目说明
61 └── vue.config.js // vue 配置 67 └── vue.config.js // vue 配置
62 68
63
64 ``` 69 ```
65 70
71 ---
72
66 ## 前置说明 73 ## 前置说明
67 74
68 ### 开发环境 75 #### 开发环境
69 76
70 脚手架版本: CLI3 77 脚手架版本: CLI3
71 78
...@@ -73,28 +80,28 @@ node版本: 推荐v12.10.0或以上 ...@@ -73,28 +80,28 @@ node版本: 推荐v12.10.0或以上
73 80
74 npm版本: 推荐6.10.3或以上 81 npm版本: 推荐6.10.3或以上
75 82
76 83 ---
77 84
78 ## 规范说明 85 ## 规范说明
79 86
80 ### vue文件分离 87 #### vue文件分离
81 88
82 一般业务.vue文件通常会在同一目录下拆分为.vue,.js,.scss三个文件。 89 一般业务.vue文件通常会在同一目录下拆分为.vue,.js,.scss三个文件。
83 90
84 正常的创建和引用vue文件都是html、css、js三者在一起的，这样写起来虽然方便了，但是页面比较大或者代码比较多的情况下，即使使用组件有时代码也比较多，简单来说查找不变不利于编程，大的来说影像优化性能。将代码中的html、css、js分离出来是个很好的选择。 91 正常的创建和引用vue文件都是html、css、js三者在一起的，这样写起来虽然方便了，但是页面比较大或者代码比较多的情况下，即使使用组件有时代码也比较多，简单来说查找不变不利于编程，大的来说影像优化性能。将代码中的html、css、js分离出来是个很好的选择。
85 92
86 ### 编码规范 93 #### 编码规范
87 94
88 本项目不使用eslint代码检查工具。 95 本项目不使用eslint代码检查工具。
89 96
90 开发人员需遵循vue官方风格规范。 97 开发人员需遵循vue官方风格规范。
91 98
92 ### 样式规范 99 #### 样式规范
93 100
94 - 优先使用 _var.scss 声明的样式变量 101 - 优先使用 _var.scss 声明的样式变量
95 - font-family 名字顺序 Arial -> Microsoft YaHei 102 - font-family 名字顺序 Arial -> Microsoft YaHei
96 103
97 ### z-index权重划分 104 #### z-index权重划分
98 105
99 - 遮罩蒙层:5000 106 - 遮罩蒙层:5000
100 - 导航栏:3000 107 - 导航栏:3000
...@@ -102,40 +109,43 @@ npm版本: 推荐6.10.3或以上 ...@@ -102,40 +109,43 @@ npm版本: 推荐6.10.3或以上
102 - 自定义交互组件 如date-picker: 800-900 109 - 自定义交互组件 如date-picker: 800-900
103 - 一般业务级:小于100 110 - 一般业务级:小于100
104 111
105 ### 响应式方案 112 #### 响应式方案
106 113
107 通过purecss+@media方式实现。 114 通过purecss+@media方式实现。
108 115
109 选取原因： 116 选取原因：
110 - 与bootstrap相比，purecss要轻量得多 117 - 与bootstrap相比，purecss要轻量得多
111 118
112 ### 数据加密 119 #### 数据加密
113 120
114 请求都需要进行加密。 121 请求都需要进行加密。
115 122
116 加密方案：AES+RSA 123 加密方案：AES+RSA
117 124
125 ---
126
118 ## 国际化支持说明 127 ## 国际化支持说明
119 128
120 ### 使用说明 129 #### 使用说明
121 130
122 采用方案：[i18n](https://github.com/kazupon/vue-i18n) 131 采用方案：[i18n](https://github.com/kazupon/vue-i18n)
123 132
124 在文件入口main.js注入i18n 133 在文件入口main.js注入i18n
125 134
126 135
127 ### 三语支持(默认繁体): 136 #### 三语支持(默认繁体):
128 137
129 - 繁体[tc] 138 - 繁体[tc]
130 - 简体[zh] 139 - 简体[zh]
131 - 英文[en] 140 - 英文[en]
132 141
133 ### 执行逻辑 142 #### 执行逻辑
134 143
135 访问页面时，会先从localStorage里获取历史选取语言，若活动结果为空，则默认使用繁体。 144 访问页面时，会先从localStorage里获取历史选取语言，若活动结果为空，则默认使用繁体。
136 145
137 语言切换时，把当前选择语言注入到i18n并埋到localStorage，同时广播事件，通知页面初始化(重新读取cms内容)。 146 语言切换时，把当前选择语言注入到i18n并埋到localStorage，同时广播事件，通知页面初始化(重新读取cms内容)。
138 147
148 ---
139 149
140 ## TODO 150 ## TODO
141 151
......