一 注册微信小程序
AppID(小程序ID)
wxe8fd6407da9c0206

二 命名和上传logo
http://yeelogo.com/#/

三 调整配色
https://color.uisdc.com/

四 查询文档
https://developers.weixin.qq.com/miniprogram/dev/framework/

五 目录结构
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
文件 必需 作用
app.js 是 小程序逻辑
app.json 是 小程序公共配置
app.wxss 否 小程序公共样式表

一个小程序页面由四个文件组成,分别是:
文件类型 必需 作用
js 是 页面逻辑
wxml 是 页面结构
json 否 页面配置
wxss 否 页面样式表

六 全局配置app.json
pages、tabBar等配置项

七 微信索引配置sitemap.js
"action": "allow",
"action": "disallow",

八 配置tabbar
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

九 图标配置
https://www.iconfont.cn/
https://www.iconfont.cn/collections/detail?spm=a313x.7781069.0.da5a778a4&cid=13720
"iconPath": "images/icon/medic.png",
"selectedIconPath": "images/icon/medic-s.png",

十 app.json中引入weui组件库
https://wechat-miniprogram.github.io/weui/docs/
"useExtendedLib": {

"kbone": true,
"weui": true

}

十一 引入后报错问题
Do not have handler in component
点击编译

十二 确定后台json格式
药名
类别
别名
形态
生长地
采制
化学成分
性味归经
功效
应用
混合
拼音码
用量

<view class="weui-cells__title">药名:{{name}}</view>
<view class="weui-cells__title">类别:{{class}}</view>
<view class="weui-cells__title">别名:{{alias}}</view>
<view class="weui-cells__title">形态:{{form}}</view>
<view class="weui-cells__title">生长地:{{habitat}}</view>
<view class="weui-cells__title">采制:{{Mining}}</view>
<view class="weui-cells__title">化学成分:{{chemical}}</view>
<view class="weui-cells__title">性味归经:{{taste}}</view>
<view class="weui-cells__title">功效:{{effect}}</view>
<view class="weui-cells__title">应用:{{apply}}</view>
<view class="weui-cells__title">混合:{{mix}}</view>
<view class="weui-cells__title">拼音码:{{pinyin}}</view>
<view class="weui-cells__title">用量:{{phr}}</view>

标签: none

评论已关闭