田园

一：评分显示

  1.wxml

     注意：不要忘了在app.json中添加  "van-rate": "./utils/dist/rate/index"，否则评分无效果，css可以自行配置

2.js

在js中写入评分即可  10/2 =5♥

二：当前时间

1，wxml

.

2.js用    "date":util.formatTime(new Date()),   即可   注意在js导入   var util = require('../../utils/util.js');util内容如下：某年某月某日

 

三   地址

1.wxml

   当前地址到目标地址的距离

 

2.js

在data中写入

 

再写入（不是data中）

获取当前位置

 

 "distance":null,  定义为空即可显示   css自行配置

四 封装

新建一个components  meishi  在app.json  配置 组件   将如下代码复制进去

 

原wxml

 

将css样式一并复制到meishi.css

2.meishi.js

 这里的products要与meishi.wxml中循环的名字一致