feat: 更新readme

This commit is contained in:
liuhongxu
2020-09-03 10:59:35 +08:00
parent 9739a4bcb7
commit 90e924aa5e
4 changed files with 52 additions and 52 deletions

View File

@@ -1,48 +1,46 @@
项目使用React 语法规范的多端统一开发框架[taro](https://taro.aotu.io/)
# 配置
api配置
/config/host.js
```js
h5: { // h5端
prod: 'ecshopx.shopex123.com', //生产环境
preissue: 'ecshopx.shopex123.com', //预发布环境
test: 'ecshopx.shopex123.com' //测试环境
},
weapp: { // 小程序端
prod: 'ecshopx.shopex123.com',
preissue: 'ecshopx.shopex123.com',
test: 'ecshopx.shopex123.com'
}
# 说明文档
## .env文件配置信息
```json
{
"APP_BASE_URL": "接口访问地址",
"APP_WEBSOCKET": "websocket访问地址",
"APP_COMPANY_ID": "企业id",
"APP_PLATFORM": "打包平台standard为标准版, platform为平台版",
"APP_CUSTOM_SERVER": "域名地址H5支付回调使用",
"APP_HOME_PAGE": "首页访问路径",
"APP_MAP_KEY": "H5 腾讯地图使用key",
"APP_MAP_NAME": "H5 使用地图name"
}
```
cdn配置
/package.json
```js
"cdn": {
"publicPath": "*host*",
"bucket": "***",
"path": "h5/"
}
```
# 开发
node version >= v9.10.0
```js
npm install
npm run dev:h5
## npm打包指令
```bash
#小程序本地开发编译
npm run dev:weapp
```
# 发布
```js
#小程序生产打包
npm run build:weapp
release:h5
#H5本地开发编译
npm run dev:h5
#H5生产打包
npm run build:h5
```
## 注意事项
- 关于小程序预览dev:weapp本地开发编译模式下因为主包过大无法上传预览需要使用build:weapp打包后选择小程序开发工具中的详情->本地设置->上传代码时自动压缩混淆
## shell脚本指令使用
- dev.sh和run.sh脚本命令使用,conpanys.conf文件为设置env.json文件的配置信息新增配置需同已有配置格式保持一致,打包完成后需手动更改appid
```bash
#开发模式使用
sh dev.sh
#打包使用
sh run.sh
```
## 关于插件问题

4
dev.sh
View File

@@ -6,7 +6,7 @@
# @FilePath: /unite-vshop/dev.sh
# @Date: 2020-06-10 10:15:51
# @LastEditors: Arvin
# @LastEditTime: 2020-07-23 11:28:49
# @LastEditTime: 2020-09-03 10:00:52
###
#/usr/bash
@@ -79,7 +79,7 @@ echo '{
"extEnable": true,
"extAppid": "'${appid}'",
"ext": {
"company_id": "1",
"company_id": "'${company_id}'",
"appid": "'${appid}'",
"wxa_name": "'${appName}'"
},

4
run.sh
View File

@@ -6,8 +6,8 @@
# @FilePath: /unite-vshop/run.sh
# @Date: 2020-06-10 10:15:51
# @LastEditors: Arvin
# @LastEditTime: 2020-07-23 11:28:24
###
# @LastEditTime: 2020-09-03 10:57:24
###
#/usr/bash
cd $(dirname "$0")

View File

@@ -55,11 +55,13 @@ export default class WgtSlider extends Component {
{
config
? <View className={`slider-wrap ${config.padded ? 'padded' : ''}`}>
<Image
mode='widthFix'
className='scale-placeholder'
src={data[0].imgUrl}
/>
{
data[0] && <Image
mode='widthFix'
className='scale-placeholder'
src={data[0].imgUrl}
/>
}
<Swiper
className='slider-img'
circular