一:评分显示

  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中循环的名字一致

 

相关文章: