├── pages ├── teacher │ ├── index.json │ ├── index.wxss │ ├── index.wxml │ └── index.js ├── rateandcomment │ ├── index.json │ ├── index.wxss │ ├── index.wxml │ └── index.js ├── logs │ ├── logs.json │ ├── logs.wxss │ ├── logs.wxml │ └── logs.js ├── .DS_Store └── index │ ├── index.wxss │ ├── index.wxml │ └── index.js ├── .DS_Store ├── images └── nini.jpeg ├── app.wxss ├── app.json ├── utils └── util.js ├── project.config.json ├── app.js ├── README.md ├── LICENSE ├── weui.wxss └── zan.wxss /pages/teacher/index.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/rateandcomment/index.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/logs/logs.json: -------------------------------------------------------------------------------- 1 | { 2 | "navigationBarTitleText": "查看启动日志" 3 | } -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NUAA-Open-Source/Mini-Program/master/.DS_Store -------------------------------------------------------------------------------- /pages/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NUAA-Open-Source/Mini-Program/master/pages/.DS_Store -------------------------------------------------------------------------------- /images/nini.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/NUAA-Open-Source/Mini-Program/master/images/nini.jpeg -------------------------------------------------------------------------------- /pages/logs/logs.wxss: -------------------------------------------------------------------------------- 1 | .log-list { 2 | display: flex; 3 | flex-direction: column; 4 | padding: 40rpx; 5 | } 6 | .log-item { 7 | margin: 10rpx; 8 | } 9 | -------------------------------------------------------------------------------- /pages/logs/logs.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{index + 1}}. {{log}} 5 | 6 | 7 | -------------------------------------------------------------------------------- /pages/rateandcomment/index.wxss: -------------------------------------------------------------------------------- 1 | /* pages/rateandcomment/index.wxss */ 2 | .bottomline { 3 | position: fixed; 4 | bottom: 0; 5 | width: 100%; 6 | } 7 | .lable_name { 8 | color: #000; 9 | font-size:50px; 10 | } -------------------------------------------------------------------------------- /app.wxss: -------------------------------------------------------------------------------- 1 | /**app.wxss**/ 2 | @import 'weui.wxss'; 3 | @import 'zan.wxss'; 4 | .container { 5 | height: 100%; 6 | display: flex; 7 | flex-direction: column; 8 | align-items: center; 9 | justify-content: space-between; 10 | padding: 200rpx 0; 11 | box-sizing: border-box; 12 | } 13 | -------------------------------------------------------------------------------- /pages/logs/logs.js: -------------------------------------------------------------------------------- 1 | //logs.js 2 | const util = require('../../utils/util.js') 3 | 4 | Page({ 5 | data: { 6 | logs: [] 7 | }, 8 | onLoad: function () { 9 | this.setData({ 10 | logs: (wx.getStorageSync('logs') || []).map(log => { 11 | return util.formatTime(new Date(log)) 12 | }) 13 | }) 14 | } 15 | }) 16 | -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages": [ 3 | "pages/index/index", 4 | "pages/logs/logs", 5 | "pages/teacher/index", 6 | "pages/rateandcomment/index" 7 | ], 8 | "window": { 9 | "backgroundTextStyle": "light", 10 | "navigationBarBackgroundColor": "#fff", 11 | "navigationBarTitleText": "WeChat", 12 | "navigationBarTextStyle": "black" 13 | } 14 | } -------------------------------------------------------------------------------- /utils/util.js: -------------------------------------------------------------------------------- 1 | const formatTime = date => { 2 | const year = date.getFullYear() 3 | const month = date.getMonth() + 1 4 | const day = date.getDate() 5 | const hour = date.getHours() 6 | const minute = date.getMinutes() 7 | const second = date.getSeconds() 8 | 9 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':') 10 | } 11 | 12 | const formatNumber = n => { 13 | n = n.toString() 14 | return n[1] ? n : '0' + n 15 | } 16 | 17 | module.exports = { 18 | formatTime: formatTime 19 | } 20 | -------------------------------------------------------------------------------- /project.config.json: -------------------------------------------------------------------------------- 1 | { 2 | "description": "项目配置文件。", 3 | "setting": { 4 | "urlCheck": false, 5 | "es6": true, 6 | "postcss": true, 7 | "minified": true, 8 | "newFeature": true 9 | }, 10 | "compileType": "miniprogram", 11 | "libVersion": "1.7.0", 12 | "appid": "wx99d84b2644e88fca", 13 | "projectname": "Mini-Program", 14 | "condition": { 15 | "search": { 16 | "current": -1, 17 | "list": [] 18 | }, 19 | "conversation": { 20 | "current": -1, 21 | "list": [] 22 | }, 23 | "miniprogram": { 24 | "current": -1, 25 | "list": [] 26 | } 27 | } 28 | } -------------------------------------------------------------------------------- /pages/index/index.wxss: -------------------------------------------------------------------------------- 1 | /**index.wxss**/ 2 | .weui-cell{ 3 | padding: 0 4 | } 5 | .weui-cells{ 6 | margin-top: 0; 7 | } 8 | .picker{ 9 | padding: 19rpx 26rpx; 10 | background-color: #FFFFFF; 11 | } 12 | 13 | .teacher-item{ 14 | margin-bottom: 10rpx; 15 | display: flex; 16 | min-height: 10rpx; 17 | background-color: #FFFFFF; 18 | justify-content: center; 19 | align-items: center; 20 | text-align: center; 21 | font-size: 39rpx; 22 | color: #62B900; 23 | line-height: 2em; 24 | } 25 | 26 | .flex-wrp{ 27 | display:flex; 28 | } 29 | 30 | .orderText{ 31 | word-wrap:break-word;word-break:break-all; 32 | padding:5px;font-size:14px; 33 | } 34 | .weui-cell__ft{ 35 | color:#000 36 | } -------------------------------------------------------------------------------- /pages/teacher/index.wxss: -------------------------------------------------------------------------------- 1 | /* pages/teacher/index.wxss */ 2 | 3 | /* 底栏 */ 4 | .bottomline { 5 | position: fixed; 6 | bottom: 0; 7 | width: 100%; 8 | } 9 | 10 | /* 表单栏 */ 11 | 12 | .weui-form-preview__label { 13 | min-width: 0; 14 | } 15 | 16 | .lable_name { 17 | color: #000; 18 | font-size:50px; 19 | } 20 | 21 | .weui-panel__hd { 22 | color: #000; 23 | } 24 | 25 | /* song */ 26 | .flex-wrp{ 27 | display: flex; 28 | } 29 | 30 | .rate-view{ 31 | position: fixed; 32 | right: 0; 33 | display: flex; 34 | } 35 | 36 | .default-tri{ 37 | margin: 5px; 38 | width: 0; 39 | height: 0; 40 | border-style: solid; 41 | border-width: 0 15px 15px 15px; 42 | border-color: transparent transparent #efefef transparent; 43 | } 44 | 45 | .select-tri{ 46 | margin: 5px; 47 | width: 0; 48 | height: 0; 49 | border-style: solid; 50 | border-width: 0 15px 15px 15px; 51 | border-color: transparent transparent #62b900 transparent; 52 | } 53 | 54 | /* 分数居中 */ 55 | .rateNumber{ 56 | text-align: center 57 | } -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | //app.js 2 | App({ 3 | onLaunch: function () { 4 | // 展示本地存储能力存储log日志 5 | var logs = wx.getStorageSync('logs') || [] 6 | logs.unshift(Date.now()) 7 | wx.setStorageSync('logs', logs) 8 | wx.login({ 9 | success: res => { 10 | // 发送 res.code 到后台换取 openId, sessionKey, unionId 11 | if (res.code) { 12 | //发起网络请求 13 | console.log("当前用户的res.code", res.code) 14 | wx.request({ 15 | url: 'https://api.taxn.top/user/', 16 | data: { 17 | appid: '在此处填写appid', 18 | appsecret: '在此处填写secret', 19 | code: res.code 20 | }, 21 | method: 'POST', 22 | header: { 23 | 'content-type': 'application/json' // 默认值 24 | }, 25 | success: function (res) { 26 | console.log("当前用户的open_id", res.data) 27 | try { 28 | wx.setStorageSync('openid', res.data) 29 | } catch (e) { 30 | console.log('存储openid-user失败') 31 | } 32 | } 33 | }) 34 | } else { 35 | console.log('获取用户登录态失败！' + res.errMsg) 36 | } 37 | } 38 | }) 39 | 40 | }, 41 | globalData: { 42 | userInfo: null, 43 | table: { 44 | "17": "航空宇航学院", 45 | "18": "能源与动力学院", 46 | "19": "自动化学院", 47 | "20": "电子信息工程学院", 48 | "21": "机电学院", 49 | "22": "材料科学与技术学院", 50 | "23": "民航学院", 51 | "24": "理学院", 52 | "25": "经济与管理学院", 53 | "26": "人文与社会科学学院", 54 | "27": "艺术学院", 55 | "28": "外国语学院", 56 | "29": "航天学院", 57 | "30": "计算机科学技术学院", 58 | "31": "马克思主义学院", 59 | "32": "国际教育学院", 60 | "32": "国际教育学院", 61 | "33": "体育部", 62 | "34": "军事教研室", 63 | "35": "学生处", 64 | "36": "图书馆", 65 | "37": "信息化技术中心/工程训练中心", 66 | "38": "电工电子实验中心", 67 | "39": "教务处", 68 | "40": "基础训练", 69 | "41": "竞赛活动" 70 | } 71 | } 72 | }) -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 匿匿评小程序端 2 | ### 关于本项目： 3 | _计划于2018年春季学期上线的_ 4 | 南京航空航天大学 **非官方匿名教评**系统 5 | > 我们不要上枯燥无味，只念PPT，学不到东西的课。 6 | > 我们不要成为一个没有思想，只是默默接受一切事物的机器人。 7 | > 我们希望南航大优秀的教师能得到赞扬，让更多人学到受益终身的思想与真正有用的知识。 8 | > 我们也希望一些“不合格”的老师能够反省自己的教学方法与教学态度。 9 | 10 | ### 项目计划 [项目主页](https://github.com/NiNiPing) 11 | 12 | * [x] [程序后端](https://github.com/NiNiPing/Server) 13 | * [x] 微信小程序客户端 14 | * [ ] 移动web端 15 | 16 | ### 这个项目是干什么的？ 17 | 1. 一个对教师进行匿名教评的平台，你可以获取你感兴趣的老师的评分，上课点名情况以及最重要的同学们对老师的评价。 18 | 2. 在这里我们不记录个人信息，你可以毫无顾忌地说出你的真正想法并打出你对老师的分数。如果你赞同或者不赞同别人的评价，可以为他的评论加分或者减分。 19 | 20 | ### 为什么要做这个项目 21 | 1. 相比于其它领域，学生选课这件事儿似乎还停留在一个很原始的阶段。比如：网上买东西时，我们可以借助电商的评价体系，在购买商品之前就对商品的好坏做出一个判断；外出吃饭时，我们可以使用美团等网站来选择服务好、味道好的餐厅。 22 | 2. 选课时，我们对老师的甄别目前能够依靠的仅仅是同学们中间的口口相传。对于大部分老师的教学水平和质量我们无法预先知道。甚至有时候在别人的口中，我们听到了一个与真实情况相反的评价。我们停留在了一个好像“先买后用、无法退货”的局面。 23 | 3. 原有的教评系统与学号挂钩，且多为学院强制评教。无法获得真实的反馈信息，学生根本不知道自己投的票有什么用，有些教的差的老师也堂而皇之的年年坑人。**南航无法形成一个老师教学学生评教老师改进教学的正反馈** 24 | 4. 南航大将在以后进行开放性选课，必修课的老师也是可以选择的。我们希望为广大南航学子有一个参考，从而提升全南航老师的教学水平。 25 | 26 | ### 小程序界面展示 27 | 28 | 注：展示界面中对老师的评价均为模拟测试。 29 | 30 | #### 1.学院筛选与按照热度，评分，拼音排序包含 1627 条教师数据[了解我们如何获取全部老师信息](https://github.com/NiNiPing/teacherinfo) 31 | 32 | ![](http://p0xjmrizh.bkt.clouddn.com/15160083852364.gif) 33 | #### 2. 拼音模糊搜索教师 34 | ![](http://p0xjmrizh.bkt.clouddn.com/15160084090136.gif) 35 | #### 3. 对教师的进行评分与评价 36 | ![](http://p0xjmrizh.bkt.clouddn.com/15160084237196.gif) 37 | #### 4. 对用户评论进行点赞与反对的支持 38 | ![](http://p0xjmrizh.bkt.clouddn.com/15160084422650.gif) 39 | #### 5. 防刷分与刷评论 40 | ![](http://p0xjmrizh.bkt.clouddn.com/15160084523309.gif) 41 | 42 | ### 如何复现 43 | **由于项目中防刷分与刷评论加入了对微信用户openid的验证。复现有两种方式** 44 | [查看微信官方文档了解openid](https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html#wxchecksessionobject) 45 | 1. 申请小程序的开发权限并在app.js的wx.login模块加入appid与appsecrt。并且勾选微信开发工具中不校验安全域名的选项。 46 | 47 | ![](http://p0xjmrizh.bkt.clouddn.com/15160035478151.jpg) 48 | 49 | 50 | 2.联系我们。 51 | 52 | ### TODO 53 | * [ ] 更多评价方式 54 | * [ ] 更加好看的UI 55 | * [ ] 更多的教师数据展示 56 | * [ ] 分享界面 57 | * [ ] **推广** 58 | 59 | ### 联系方式 60 | 对于功能与意见的反馈可以直接在 **issue** 里面反应。我们很希望我们这个项目可以得到大家的支持与意见。如果你想加入我们的团队（**运营，代码，美工，开发，产品都可以加入进来**）也请直接联系我们。 61 | 62 | Email：wongguobin@gmail.com 63 | 64 | 65 | -------------------------------------------------------------------------------- /pages/rateandcomment/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {{teacherName}} 10 | 11 | 12 | 13 | 14 | 15 | 教师评分 16 | 17 | 18 | 19 | 分数 20 | 21 | 22 | 23 | {{rateNumbers[rateNumbersindex]}}分 24 | 25 | 26 | 27 | 28 | 点名率统计 29 | 30 | 31 | 该老师经常点名 32 | 33 | 34 | 35 | 36 | 37 | 38 | 对教师的评价 39 | 40 | 41 | 42 |

--------------------------------------------------------------------------------
/pages/teacher/index.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <view class="page">
 3 | 
 4 |   <view class="page__bd">
 5 |     
 6 |     <view class="weui-form-preview">
 7 |       <view class="weui-form-preview__hd">
 8 |         <view class="weui-form-preview__item">
 9 |           <view class="weui-form-preview__label lable_name">{{teacherAveragescore}}</view>
10 |           <view class="weui-form-preview__value_in-hd">{{teacherName}}</view>
11 |         </view>
12 |       </view>
13 |       <view class="weui-form-preview__bd">
14 |         <view class="weui-form-preview__item">
15 |           <view class="weui-form-preview__label">南京航空航天大学</view>
16 |           <view class="weui-form-preview__value">{{teacherCollege}}</view>
17 |         </view>
18 |         <view class="weui-form-preview__item">
19 |           <view class="weui-form-preview__label">点名率</view>
20 |           <view class="weui-form-preview__value">{{teacherCheckinpercentage}}</view>
21 |         </view>
22 |         <view class="weui-form-preview__item">
23 |           <view class="weui-form-preview__label">排名</view>
24 |           <view class="weui-form-preview__value">{{teacherRate}}</view>
25 |         </view>
26 |         <view class="weui-form-preview__item">
27 |           <view class="weui-form-preview__label">参与评分人数</view>
28 |           <view class="weui-form-preview__value">{{commentData.length}}</view>
29 |         </view>
30 |       </view>
31 |     </view>
32 |     
33 |     <view class="weui-panel">
34 |       <view class="weui-panel__hd">{{commentData.length}}个评论</view>
35 | 
36 |       <view class="flex-wrp" style="flex-direction:row;" wx:for="{{commentData}}" wx:for-item="comment-item">
37 |         <view class="weui-media-box weui-media-box_text">
38 |           <view class="weui-media-box__desc">{{commentData[index].content}}</view>
39 |           <view class="weui-media-box__info">
40 |             <view class="weui-media-box__info__meta">发布于{{commentData[index].edit_time}}</view>
41 |             <view class="weui-media-box__info__meta">时间</view>
42 |             <view class="weui-media-box__info__meta weui-media-box__info__meta_extra">举报</view>
43 |           </view>
44 | 
45 |         </view>
46 | 
47 |         <view class='rate-view weui-media-box_text'>
48 |           <view>
49 |             <view id="{{index}}" class="{{likeClass[index]}}" bindtap='likeTap'></view>
50 |             <view class="rateNumber">{{commentData[index].rate}}</view>
51 |             <view id="{{index}}" class="{{dislikeClass[index]}}" style="transform:rotate(180deg)" bindtap='dislikeTap'></view>
52 |           </view>
53 |         </view>
54 |       </view>
55 |     </view>
56 |     
57 |     <navigator url="../rateandcomment/index?teacherId={{teacherId}}&teacherName={{teacherName}}&newOrold={{newOrold}}&userOpenid={{userOpenid}}" hover-class="navigator-hover">
58 |       
59 |       <view wx:if="{{newOrold}}">
60 |         <button class="zan-btn zan-btn--large zan-btn--primary bottomline">
61 |           <view class="zan-icon zan-icon-completed" style="color: #FFF;"></view>
62 |           修改评分</button>
63 |       </view>
64 |       
65 |       <view wx:else>
66 |         <button class="zan-btn zan-btn--large zan-btn--primary bottomline">
67 |           <view class="zan-icon zan-icon-edit" style="color: #FFF;"></view>
68 |           评分</button>
69 |       </view>
70 |     </navigator>
71 | 
72 | 
73 | 
74 |   </view>
75 | 
76 | </view>

--------------------------------------------------------------------------------
/pages/index/index.wxml:
--------------------------------------------------------------------------------
 1 | 
 2 | <view class="page">
 3 |   <view class="page__bd">
 4 |     <view class="weui-search-bar">
 5 |       <view class="weui-search-bar__form">
 6 |         <view class="weui-search-bar__box">
 7 |           <icon class="weui-icon-search_in-box" type="search" size="14"></icon>
 8 |           <input focus type="text" class="weui-search-bar__input" placeholder="搜索" value="{{inputVal}}" focus="{{inputShowed}}" bindinput="inputTyping" />
 9 |           <view class="weui-icon-clear" wx:if="{{inputVal.length > 0}}" bindtap="clearInput">
10 |             <icon type="clear" size="14"></icon>
11 |           </view>
12 |         </view>
13 |         <label class="weui-search-bar__label" hidden="{{inputShowed}}" bindtap="showInput">
14 |           <icon class="weui-icon-search" type="search" size="14"></icon>
15 |           <view class="weui-search-bar__text">搜索</view>
16 |         </label>
17 |       </view>
18 |       <view class="weui-search-bar__cancel-btn" hidden="{{!inputShowed}}" bindtap="hideInput">取消</view>
19 |     </view>
20 | 
21 |     <view class="weui-cells searchbar-result" wx:if="{{inputVal.length > 0}}">
22 |       
23 |       <navigator url="../teacher/index?id={{item.id}}&name={{item.name}}&average_score={{item.average_score}}&college={{item.college}}&check_in_percentage={{item.check_in_percentage}}&rate={{item.rate}}" class="weui-cell" hover-class="weui-cell_active" wx:for="{{searchData}}">
24 |         <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
25 |           <view class="weui-media-box__thumb">{{item.average_score}}</view>
26 |         </view>
27 |         <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
28 |           <view class="weui-media-box__title">{{item.name}}</view>
29 |           <view class="weui-media-box__desc">{{item.college}}</view>
30 |         </view>
31 |       </navigator>
32 |       
33 |       <navigator url="" class="weui-cell" hover-class="weui-cell_active" wx:if="{{searchData.length == 0}}">
34 |         <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
35 |           <image class="weui-media-box__thumb" src="/images/nini.jpeg" />
36 |         </view>
37 |         <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
38 |           <view class="weui-media-box__title">找不到老师？</view>
39 |           <view class="weui-media-box__desc">帮助我们完善信息，让更多人获益</view>
40 |         </view>
41 |       </navigator>
42 |     </view>
43 | 
44 |     <view hidden="{{inputShowed}}">
45 |       
60 |       <view class="weui-cells weui-cells_after-title">
61 | 
62 | 
63 |         <view class="weui-cell weui-cell_select">
64 |           <view class="weui-cell__hd weui-cell__hd_in-select-after">
65 |             <view class="weui-label">当前学院</view>
66 |           </view>
67 |           <view class="weui-cell__bd">
68 |             <picker bindchange="bindTeacherChange" value="{{array[teacherIdx]}}" range="{{array}}" range-key="{{'name'}}">
69 |               <view class="weui-select weui-select_in-select-after">{{array[teacherIdx].name}}</view>
70 |             </picker>
71 |           </view>
72 |         </view>
73 |         <view class="weui-cell weui-cell_select">
74 |           <view class="weui-cell__bd">
75 |             <picker bindchange="bindOrderChange" value="{{ordering[orderIdx]}}" range="{{ordering}}" range-key="{{'id'}}">
76 |               <view class="weui-select">{{ordering[orderIdx].id}}排序</view>
77 |             </picker>
78 |           </view>
79 |         </view>
80 |       </view>
81 | 
82 |       
83 |       <view class="teacher-item" wx:for="{{teacherList}}" wx:for-item="teacher">
84 |         <view id="{{index}}" bindtap='selectTeacher'>{{teacher.name}}</view>
85 |       </view>
86 |     </view>
87 |   </view>
88 | 
89 |   <view class="weui-footer weui-footer_fixed-bottom">
90 |     <view class="weui-footer__links">
91 |       <navigator url="" class="weui-footer__link">https://github.com/NiNiPing</navigator>
92 |     </view>
93 |     <view class="weui-footer__text">Copyright©2018 Powered by NiNiPing Team</view>
94 |   </view>
95 | 
96 | </view>

--------------------------------------------------------------------------------
/pages/index/index.js:
--------------------------------------------------------------------------------
  1 | //index.js
  2 | //获取应用实例
  3 | const app = getApp()
  4 | 
  5 | Page({
  6 |   data: {
  7 |     inputShowed: false,
  8 |     inputVal: "", //当前输入的查询数据
  9 |     searchData: {},
 10 |     //song
 11 |     teacherIdx: "0",
 12 |     orderIdx: "0",
 13 |     ordering: [
 14 |       { "id": "热度", "name": "ordering=hot" },
 15 |       { "id": "评分", "name": "ordering=rate" },
 16 |       { "id": "拼音", "name": "ordering=pinyin" }
 17 |     ],
 18 |     teacherList: [],
 19 |     array: [
 20 |       { "id": "16", "name": "全部" },
 21 |       { "id": "17", "name": "航空宇航学院" },
 22 |       { "id": "18", "name": "能源与动力学院" },
 23 |       { "id": "19", "name": "自动化学院" },
 24 |       { "id": "20", "name": "电子信息工程学院" },
 25 |       { "id": "21", "name": "机电学院" },
 26 |       { "id": "22", "name": "材料科学与技术学院" },
 27 |       { "id": "23", "name": "民航学院" },
 28 |       { "id": "24", "name": "理学院" },
 29 |       { "id": "25", "name": "经济与管理学院" },
 30 |       { "id": "26", "name": "人文与社会科学学院" },
 31 |       { "id": "27", "name": "艺术学院" },
 32 |       { "id": "28", "name": "外国语学院" },
 33 |       { "id": "29", "name": "航天学院" },
 34 |       { "id": "30", "name": "计算机科学技术学院" },
 35 |       { "id": "31", "name": "马克思主义学院" },
 36 |       { "id": "32", "name": "国际教育学院" },
 37 |       { "id": "32", "name": "国际教育学院" },
 38 |       { "id": "36", "name": "图书馆" },
 39 |       { "id": "37", "name": "信息化技术中心/工程训练中心" },
 40 |       { "id": "38", "name": "电工电子实验中心" },
 41 |       { "id": "39", "name": "教务处" },
 42 |       { "id": "40", "name": "基础训练" },
 43 |       { "id": "41", "name": "竞赛活动" }
 44 |     ]
 45 | 
 46 |   },
 47 |   //song
 48 |   bindOrderChange: function (e) {
 49 |     console.log('排序picker发送选择改变，携带值为', e.detail.value);
 50 |     this.setData({
 51 |       orderIdx: e.detail.value
 52 |     });
 53 |     var that = this;
 54 |     var teacherList = [];
 55 | 
 56 |     var requestUrl = 'https://api.taxn.top/teacher/?';
 57 |     requestUrl += this.data.teacherIdx == 0 ? '' : 'college=' + this.data.array[this.data.teacherIdx].id + '&';
 58 |     requestUrl += this.data.ordering[this.data.orderIdx].name;
 59 |     wx.request({
 60 |       url: requestUrl,
 61 |       data: {
 62 |         limit: 8
 63 |       },
 64 |       success: function (result) {
 65 |         // 获取当前页的老师的信息
 66 |         for (var i = 0; i < result.data.results.length; i++) {
 67 |           teacherList.push(result.data.results[i]);
 68 |         }
 69 |         that.setData({
 70 |           teacherList: teacherList,
 71 |         })
 72 |       },
 73 | 
 74 |       fail: function ({ errMsg }) {
 75 |         console.log('request fail', errMsg)
 76 |       }
 77 |     })
 78 | 
 79 |   },
 80 |   bindTeacherChange: function (e) {
 81 |     console.log('学院picker发送选择改变，携带值为', e.detail.value);
 82 |     this.setData({
 83 |       teacherIdx: e.detail.value
 84 |     });
 85 | 
 86 |     var that = this;
 87 |     var teacherList = [];
 88 | 
 89 |     var requestUrl = 'https://api.taxn.top/teacher/?';
 90 |     requestUrl += this.data.teacherIdx == 0 ? '' : 'college=' + this.data.array[this.data.teacherIdx].id + '&';
 91 |     requestUrl += this.data.ordering[this.data.orderIdx].name;
 92 |     wx.request({
 93 |       url: requestUrl,
 94 |       
 95 |       data: {
 96 |         limit:8
 97 |       },
 98 |       success: function (result) {
 99 |         // 获取当前页的老师的信息
100 |         for (var i = 0; i < result.data.results.length; i++) {
101 |           teacherList.push(result.data.results[i]);
102 |         }
103 |         that.setData({
104 |           teacherList: teacherList,
105 |         })
106 |         console.log('request success', result)
107 |       },
108 | 
109 |       fail: function ({ errMsg }) {
110 |         console.log('request fail', errMsg)
111 |       }
112 |     })
113 |   },
114 |   // 跳转到老师详情的页面
115 |   selectTeacher: function (e) {
116 |     console.log('../teacher/details?search=' + this.data.teacherList[e.currentTarget.id].pinyin + '&ordering=pinyin');
117 |     wx.navigateTo({
118 |       url: '../teacher/index?id=' + this.data.teacherList[e.currentTarget.id].id,
119 |     })
120 |   },
121 |   //事件处理函数
122 |   bindViewTap: function () {
123 |     wx.navigateTo({
124 |       url: '../logs/logs'
125 |     })
126 |   },
127 | 
128 |   onLoad: function () {
129 |     var that = this;
130 |     var teacherList = [];
131 |     wx.request({
132 |       url: 'https://api.taxn.top/teacher/?ordering=hot',
133 |       data: {
134 |         limit: 8
135 |       },
136 |       success: function (result) {
137 |         // 获取当前页的老师的信息
138 |         for (var i = 0; i < result.data.results.length; i++) {
139 |           teacherList.push(result.data.results[i]);
140 |         }
141 |         console.log("teacherList");
142 |         console.log(teacherList);
143 |         that.setData({
144 |           teacherList: teacherList,
145 |         })
146 |         //console.log('request success', result)
147 |       },
148 | 
149 |       fail: function ({ errMsg }) {
150 |         console.log('request fail', errMsg)
151 |       }
152 |     })
153 |   },
154 | 
155 |   showInput: function () {
156 |     this.setData({
157 |       inputShowed: true
158 |     });
159 |   },
160 |   hideInput: function () {
161 |     this.setData({
162 |       inputVal: "",
163 |       inputShowed: false
164 |     });
165 |   },
166 |   clearInput: function () {
167 |     this.setData({
168 |       inputVal: ""
169 |     });
170 |   },
171 |   inputTyping: function (e) {
172 |     this.setData({
173 |       inputVal: e.detail.value
174 |     });
175 |     this.searchInput(e.detail.value);
176 |   },
177 | 
178 |   // 向服务器发送查找请求
179 |   searchInput: function (inputString) {
180 |     var searchResult = []
181 |     var that = this
182 |     wx.request({
183 |       url: 'https://api.taxn.top/teacher/',
184 |       data: {
185 |         search: inputString,
186 |         ordering: 'hot',
187 |         limit: '15'
188 |       },
189 |       header: {
190 |         'content-type': 'application/json' // 默认值
191 |       },
192 |       success: function (res) {
193 |         console.log(res.data)
194 |         for (var i = 0; i < res.data.results.length; i++) {
195 |           var searchResultKey = res.data.results[i];
196 |           searchResultKey['college'] = app.globalData.table[searchResultKey['college']]
197 |           searchResult.push(searchResultKey);
198 |         }
199 |         that.setData({
200 |           searchData: searchResult
201 |         });
202 |       },
203 |     })
204 |   }
205 |   //song
206 | 
207 | 
208 | })
209 |

--------------------------------------------------------------------------------
/pages/rateandcomment/index.js:
--------------------------------------------------------------------------------
  1 | // pages/rateandcomment/index.js
  2 | //给老师评分的界面
  3 | 
  4 | 
  5 | Page({
  6 | 
  7 |   /**
  8 |    * 页面的初始数据
  9 |    */
 10 |   data: {
 11 |     rateNumbers: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"],
 12 |     rateNumbersindex: 0,
 13 |     teacherId: "",
 14 |     teacherName: "",
 15 |     //老师分数
 16 |     teacherRate: 1,
 17 |     //老师是否点名
 18 |     teacherCheckin: false,
 19 |     //老师的评价内容
 20 |     teacherComment: "",
 21 |     //当前评论的用户
 22 |     userOpenid:"",
 23 |     //判断是否是第一次评论
 24 |     //false是第一次评论 true状态的话就是修改评论
 25 |     newOrold:false, //!传入参数后改为字符串型
 26 |     myRateid:"",
 27 |     myCommentid:""
 28 |   },
 29 | 
 30 |   /**
 31 |    * 生命周期函数--监听页面加载
 32 |    */
 33 |   onLoad: function (options) {
 34 |     //绑定数据
 35 |     var that = this
 36 |     wx.setNavigationBarTitle({
 37 |       title: "给" + options.teacherName + "老师 打分"
 38 |     });
 39 |     that.setData({
 40 |       teacherId: options.teacherId,
 41 |       teacherName: options.teacherName,
 42 |       newOrold: options.newOrold,
 43 |       userOpenid: options.userOpenid
 44 |     });
 45 |   },
 46 | 
 47 |   /**
 48 |    * 生命周期函数--监听页面初次渲染完成
 49 |    */
 50 |   onReady: function () {
 51 |     console.log(this.data.newOrold)
 52 |     if (this.data.newOrold == "true"){
 53 |       this.searchRateandCommentid();
 54 |     }
 55 |     else{
 56 | 
 57 |     }
 58 |   },
 59 |   bindtap:function(){
 60 |     this.sendTeacherRate()
 61 |     this.sendTeachercomment()
 62 | 
 63 |     wx.showToast({
 64 |       title: '已完成',
 65 |       icon: 'success',
 66 |       duration: 5000
 67 |     });
 68 |     
 69 |     wx.redirectTo({
 70 |       url: '../index/index'
 71 |     })
 72 |   },
 73 |   //根据 useropid与teacherid求rateid commentid
 74 |   searchRateandCommentid:function(){
 75 |     var that = this
 76 |     console.log("run searchRateandCommentid")
 77 |     wx.request({
 78 |       url: 'https://api.taxn.top/rate/',
 79 |       data: {
 80 |         user: that.data.userOpenid,
 81 |         teacher: that.data.teacherId
 82 |       },
 83 |       header: {
 84 |         'content-type': 'application/json' 
 85 |       },
 86 |       success: function (res) {
 87 |         console.log("my rateid is "+res.data.results[0].id)
 88 |         that.setData({
 89 |           myRateid: res.data.results[0].id
 90 |         });
 91 |       }
 92 |     });
 93 |     wx.request({
 94 |       url: 'https://api.taxn.top/comment/',
 95 |       data: {
 96 |         user: that.data.userOpenid,
 97 |         teacher: that.data.teacherId
 98 |       },
 99 |       header: {
100 |         'content-type': 'application/json' 
101 |       },
102 |       success: function (res) {
103 |         console.log("my commentid is " + res.data.results[0].id)
104 |         that.setData({
105 |           myCommentid: res.data.results[0].id
106 |         });
107 |       }
108 |     })
109 |     
110 |   },
111 |   /**
112 |    * 生命周期函数--监听页面显示
113 |    */
114 |   onShow: function () {
115 | 
116 |   },
117 | 
118 |   /**
119 |    * 生命周期函数--监听页面隐藏
120 |    */
121 |   onHide: function () {
122 | 
123 |   },
124 | 
125 |   /**
126 |    * 生命周期函数--监听页面卸载
127 |    */
128 |   onUnload: function () {
129 | 
130 |   },
131 | 
132 |   /**
133 |    * 页面相关事件处理函数--监听用户下拉动作
134 |    */
135 |   onPullDownRefresh: function () {
136 | 
137 |   },
138 | 
139 |   /**
140 |    * 页面上拉触底事件的处理函数
141 |    */
142 |   onReachBottom: function () {
143 | 
144 |   },
145 | 
146 |   /**
147 |    * 用户点击右上角分享
148 |    */
149 |   onShareAppMessage: function () {
150 | 
151 |   },
152 |   //教师分数
153 |   bindChange: function (e) {
154 |     this.setData({
155 |       rateNumbersindex: e.detail.value,
156 |       teacherRate: parseInt(e.detail.value) + 1
157 |     })
158 |   },
159 |   //教师是否点名
160 |   switchChange: function (e) {
161 |     this.setData({
162 |       teacherCheckin: e.detail.value
163 |     })
164 |   },
165 |   //教师评价
166 |   bindTextAreaBlur: function (e) {
167 |     this.setData({
168 |       teacherComment: e.detail.value
169 |     })
170 |   },
171 |   //发送教师的评价分数与是否点名信息
172 |   sendTeacherRate:function(){
173 |     //创建分数情况
174 |     if (this.data.newOrold == "false"){
175 |       console.log('创建新的分数')
176 |       wx.request({
177 |         url: 'https://api.taxn.top/rate/',
178 |         data: {
179 |           user: this.data.userOpenid,
180 |           rate: this.data.teacherRate,
181 |           check_in: this.data.teacherCheckin,
182 |           teacher: this.data.teacherId
183 |         },
184 |         method: 'POST',
185 |         header: {
186 |           'content-type': 'application/json' // 默认值
187 |         },
188 |         success: function (res) {
189 |           console.log(res.data)
190 |         }
191 |       })
192 |     }
193 |     //修改分数情况
194 |     else{
195 |       console.log('修改原有分数')
196 |       wx.request({
197 |         url: 'https://api.taxn.top/rate/' + this.data.myRateid +'/',
198 |         data: {
199 |           user: this.data.userOpenid,
200 |           rate: this.data.teacherRate,
201 |           check_in: this.data.teacherCheckin,
202 |           teacher: this.data.teacherId
203 |         },
204 |         method: 'PUT',//注意是PUT
205 |         header: {
206 |           'content-type': 'application/json' // 默认值
207 |         },
208 |         success: function (res) {
209 |           console.log(res.data)
210 |         }
211 |       })
212 |     }
213 |     
214 |   },
215 |   //发送教师的评论
216 |   sendTeachercomment:function(){
217 |     //创建评论情况
218 |     if (this.data.newOrold == "false") {
219 |       console.log('创建新的评价')
220 |       wx.request({
221 |         url: 'https://api.taxn.top/comment/',
222 |         data: {
223 |           content: this.data.teacherComment, 
224 |           user: this.data.userOpenid,
225 |           teacher: this.data.teacherId
226 |         },
227 |         method: 'POST',
228 |         header: {
229 |           'content-type': 'application/json' // 默认值
230 |         },
231 |         success: function (res) {
232 |           console.log(res.data)
233 |         }
234 |       })
235 |     }
236 |     //修改原有评论情况
237 |     else {
238 |       console.log('修改原有评论')
239 |       wx.request({
240 |         url: 'https://api.taxn.top/comment/' + this.data.myCommentid+'/',
241 |         data: {
242 |           content: this.data.teacherComment,
243 |           user: this.data.userOpenid,
244 |           teacher: this.data.teacherId
245 |         },
246 |         method: 'PUT',//注意是PUT
247 |         header: {
248 |           'content-type': 'application/json' // 默认值
249 |         },
250 |         success: function (res) {
251 |           console.log(res.data)
252 |         }
253 |       })
254 |     }
255 |   }
256 | })

--------------------------------------------------------------------------------
/pages/teacher/index.js:
--------------------------------------------------------------------------------
  1 | // pages/teacher/index.js
  2 | const app = getApp()
  3 | 
  4 | Page({
  5 | 
  6 |   /**
  7 |    * 页面的初始数据
  8 |    */
  9 |   data: {
 10 |         teacherId : "",
 11 |         teacherName:"",
 12 |         teacherAveragescore:"",
 13 |         teacherCollege:"",
 14 |         teacherCheckinpercentage:"",
 15 |         teacherRate:"",
 16 |         commentData:[],
 17 |         selectIdx: 0,//选中哪一条评论
 18 |         likeClass: [],//每一条评论的点赞情况
 19 |         dislikeClass: [],//每一条评论的反对情况
 20 |         //判断是否是第一次评论
 21 |         //false是第一次评论 true状态的话就是修改评论
 22 |         newOrold:false,
 23 |         oldCommentRate:[],//用户之前点过赞或者反对的评论
 24 |         userOpenid:""
 25 |   },
 26 | 
 27 |   /**
 28 |    * 生命周期函数--监听页面加载
 29 |    */
 30 |   onLoad: function (options) {
 31 |     wx.showLoading({
 32 |       title: '加载中',
 33 |     })
 34 |     setTimeout(function () {
 35 |       wx.hideLoading()
 36 |     }, 2000)
 37 | 
 38 |     console.log(options)
 39 |     var that = this
 40 |     that.setData({
 41 |       teacherId : options.id,
 42 |     });
 43 |     that.searchTeacherbyid()
 44 | 
 45 |     try {
 46 |       var value = wx.getStorageSync('openid')
 47 |       if (value) {
 48 |         // Do something with return value
 49 |         that.setData({
 50 |           userOpenid: value.openid
 51 |         });
 52 |       }
 53 |     } catch (e) {
 54 |       // Do something when catch error
 55 |       console.log(e)
 56 |     }
 57 | 
 58 |     // //  获取当前用户-异步
 59 |     // wx.getStorage({
 60 |     //   key: 'openid',
 61 |     //   success: function (res) {
 62 |     //     that.setData({
 63 |     //       userOpenid: res.data['openid']
 64 |     //     });
 65 |     //   }
 66 |     // })
 67 | 
 68 |     that.judgeCommentRate()
 69 |     that.searchCommentdata()
 70 |   },
 71 |   //通过ID刷新老师界面
 72 |   searchTeacherbyid:function(){
 73 |     var that = this
 74 |     wx.request({
 75 |       url: 'https://api.taxn.top/teacher/' + that.data.teacherId+'/',
 76 |       success:function(res){
 77 |         that.setData({
 78 |           teacherName: res.data.name,
 79 |           teacherAveragescore: res.data.average_score,
 80 |           // searchResultKey['college'] = app.globalData.table[searchResultKey['college']
 81 |           teacherCollege: app.globalData.table[res.data.college],
 82 |           teacherCheckinpercentage: res.data.check_in_percentage,
 83 |           teacherRate: res.data.rate
 84 |         })
 85 |         wx.setNavigationBarTitle({
 86 |           title: that.data.teacherName + "老师 " + that.data.teacherAveragescore + "分"
 87 |         });
 88 |       }
 89 |     })
 90 |   },
 91 |   // 判断用户是否之前存在评价
 92 |   judgeNeworold:function(){
 93 |     var that = this
 94 |     wx.request({
 95 |       url: 'https://api.taxn.top/rate/',
 96 |       data: {
 97 |         teacher: that.data.teacherId,
 98 |         user: that.data.userOpenid
 99 |       },
100 |       header: {
101 |         'content-type': 'application/json' // 默认值
102 |       },
103 |       success: function (res){
104 |         console.log(res.data)
105 |         if(res.data.count > 0){
106 |           that.setData({
107 |             newOrold:true
108 |           })
109 |         }
110 |       }
111 |     })
112 |   },
113 |   //载入评论数据
114 |   searchCommentdata: function () {
115 |     var that = this
116 | 
117 |     var searchResult
118 |     // 获取当前老师ID的所有评论
119 |     wx.request({
120 |       url: 'https://api.taxn.top/comment/',
121 |       data: {
122 |         teacher: that.data.teacherId
123 |       },
124 |       header: {
125 |         'content-type': 'application/json' // 默认值
126 |       },
127 |       success: function (res) {
128 |         var like = []
129 |         var dislike = []
130 | 
131 |         searchResult = res.data.results
132 |         console.log("searchResult",searchResult)
133 |         console.log("oldCommentRate", that.data.oldCommentRate)
134 |         for (var i = 0; i < searchResult.length; i++) {
135 |           // 将编辑日期切分至年月日
136 |           searchResult[i].edit_time = searchResult[i].edit_time.substr(0, searchResult[i].edit_time.indexOf('T'))
137 |           // 载入当前用户以前点过赞的内容样式
138 |           var j
139 |           for (j = 0; j < that.data.oldCommentRate.length; j++) {
140 |             if (searchResult[i].id == that.data.oldCommentRate[j].comment) {
141 |               if (that.data.oldCommentRate[i].like == true) {
142 |                 like.push("select-tri")
143 |                 dislike.push("default-tri")
144 |               } else {
145 |                 like.push("default-tri")
146 |                 dislike.push("select-tri")
147 |               }
148 |               break;
149 |             }
150 |           }
151 |           if (j == that.data.oldCommentRate.length) {
152 |             like.push("default-tri")
153 |             dislike.push("default-tri")
154 |           }
155 |         }
156 |         console.log(searchResult, like, dislike)
157 |         that.setData({
158 |           commentData: searchResult,
159 |           likeClass: like,
160 |           dislikeClass: dislike,
161 |         })
162 |       }
163 |     })
164 |   },
165 | 
166 |   likeTap: function (e) {
167 |     var that = this
168 |     // 如果该评论已经点过赞，则用PUT方法
169 |     var method = "POST"
170 | 
171 |     var like = this.data.likeClass
172 |     var dislike = this.data.dislikeClass
173 |     var commentData = this.data.commentData
174 |     // 如果已经点过赞，则无需再次PUT
175 |     if (like[e.currentTarget.id] == "select-tri") return;
176 |     // 如果之前反对过，则用PUT方法
177 |     if (dislike[e.currentTarget.id] == "select-tri") method = "PUT"
178 | 
179 |     if (dislike[e.currentTarget.id] == "select-tri")
180 |       commentData[e.currentTarget.id].rate = commentData[e.currentTarget.id].rate + 2
181 |     else
182 |       commentData[e.currentTarget.id].rate = commentData[e.currentTarget.id].rate + 1
183 | 
184 |     console.log("here")
185 |     like[e.currentTarget.id] = "select-tri"
186 |     dislike[e.currentTarget.id] = "default-tri"
187 |     console.log(like, dislike);
188 | 
189 |     var _id //点赞或反对的id
190 |     for (var i = 0; i < that.data.oldCommentRate.length; i++) {
191 |       if (that.data.commentData[e.currentTarget.id].id == that.data.oldCommentRate[i].comment) {
192 |         _id = that.data.oldCommentRate[i].id
193 |         break;
194 |       }
195 |     }
196 |     console.log("_id is ", _id)
197 | 
198 |     wx.request({
199 |       url: 'https://api.taxn.top/roc/' + (method=="PUT"?_id +'/':"") ,
200 |       data: {
201 |         user: that.data.userOpenid,
202 |         like: "true",
203 |         comment: parseInt(that.data.commentData[e.currentTarget.id].id)
204 |       },
205 |       method: method,
206 |       header: {
207 |         'content-type': 'application/json' // 默认值
208 |       },
209 |       success: function (res) {
210 |         console.log(res)
211 |       },
212 |       fail: function (res) {
213 |         console.log(res)
214 |       }
215 |     })
216 | 
217 |     that.setData({
218 |       selectId: e.currentTarget.id,
219 |       likeClass: like,
220 |       dislikeClass: dislike,
221 |       commentData: commentData
222 |     })
223 |   },
224 |   // 反对的处理
225 |   dislikeTap: function (e) {
226 |     var that = this
227 |     // 如果该评论已经反对过，则用PUT方法
228 |     var method = "POST"
229 | 
230 |     var like = this.data.likeClass
231 |     var dislike = this.data.dislikeClass
232 |     var commentData = this.data.commentData
233 |     // 如果已经反对过，则无需再次PUT
234 |     if (dislike[e.currentTarget.id] == "select-tri") return;
235 |     // 如果之前点过赞，则选择用PUT
236 |     if (like[e.currentTarget.id] == "select-tri") method = "PUT"
237 | 
238 |     if (like[e.currentTarget.id] == "select-tri")
239 |       commentData[e.currentTarget.id].rate = commentData[e.currentTarget.id].rate - 2
240 |     else
241 |       commentData[e.currentTarget.id].rate = commentData[e.currentTarget.id].rate - 1
242 | 
243 |     var _id //点赞或反对的id
244 |     dislike[e.currentTarget.id] = "select-tri"
245 |     like[e.currentTarget.id] = "default-tri"
246 |     for (var i = 0;i<that.data.oldCommentRate.length;i++){
247 |       if (that.data.commentData[e.currentTarget.id].id == that.data.oldCommentRate[i].comment){
248 |         _id = that.data.oldCommentRate[i].id
249 |         break;
250 |       }
251 |     }
252 |     console.log("_id is ",_id)
253 | 
254 |     wx.request({
255 |       url: 'https://api.taxn.top/roc/'+(method=="PUT"?_id +'/':""),
256 |       data: {
257 |         user: that.data.userOpenid,
258 |         like: false,
259 |         comment: parseInt(that.data.commentData[e.currentTarget.id].id)
260 |       },
261 |       method: method,
262 |       header: {
263 |         'content-type': 'application/json' // 默认值
264 |       },
265 |       success: function (res) {
266 |         console.log(res)
267 |       },
268 |       fail: function (res) {
269 |         console.log(res)
270 |       }
271 |     })
272 | 
273 |     that.setData({
274 |       selectId: e.currentTarget.id,
275 |       likeClass: like,
276 |       dislikeClass: dislike,
277 |       commentData: commentData
278 |     })
279 |   },
280 |   // 获取用户之前点过赞的评论
281 |   judgeCommentRate: function () {
282 |     var that = this
283 |     console.log("judgeCommentRate ",that.data.userOpenid)
284 |     wx.request({
285 |       url: 'https://api.taxn.top/roc/',
286 |       data: {
287 |         user: that.data.userOpenid
288 |       },
289 |       method: "GET",
290 |       header: {
291 |         'content-type': 'application/json' // 默认值
292 |       },
293 |       success: function (res) {
294 |         console.log(res.data.results)
295 |         that.setData({
296 |           oldCommentRate: res.data.results
297 |         })
298 |       },
299 |       fail: function (res) {
300 |         console.log(res)
301 |       }
302 |     })
303 |   },
304 | 
305 |   /**
306 |    * 生命周期函数--监听页面初次渲染完成
307 |    */
308 |   onReady: function () {
309 | 
310 |     this.judgeNeworold()
311 |   },
312 | 
313 |   /**
314 |    * 生命周期函数--监听页面显示
315 |    */
316 |   onShow: function () {
317 |   
318 |   },
319 | 
320 |   /**
321 |    * 生命周期函数--监听页面隐藏
322 |    */
323 |   onHide: function () {
324 |   
325 |   },
326 | 
327 |   /**
328 |    * 生命周期函数--监听页面卸载
329 |    */
330 |   onUnload: function () {
331 |   
332 |   },
333 | 
334 |   /**
335 |    * 页面相关事件处理函数--监听用户下拉动作
336 |    */
337 |   onPullDownRefresh: function () {
338 |   
339 |   },
340 | 
341 |   /**
342 |    * 页面上拉触底事件的处理函数
343 |    */
344 |   onReachBottom: function () {
345 |   
346 |   },
347 | 
348 |   /**
349 |    * 用户点击右上角分享
350 |    */
351 |   onShareAppMessage: function () {
352 |   
353 |   }
354 | })

--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                                  Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "[]"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright [yyyy] [name of copyright owner]
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.
202 |

--------------------------------------------------------------------------------
/weui.wxss:
--------------------------------------------------------------------------------
1 | /*!
2 |  * WeUI v1.1.1 (https://github.com/weui/weui-wxss)
3 |  * Copyright 2017 Tencent, Inc.
4 |  * Licensed under the MIT license
5 |  */
6 | page{line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif}icon{vertical-align:middle}.weui-cells{position:relative;margin-top:1.17647059em;background-color:#fff;line-height:1.41176471;font-size:17px}.weui-cells:before{top:0;border-top:1rpx solid #d9d9d9}.weui-cells:after,.weui-cells:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d9d9d9}.weui-cells:after{bottom:0;border-bottom:1rpx solid #d9d9d9}.weui-cells__title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:#999;font-size:14px}.weui-cells_after-title{margin-top:0}.weui-cells__tips{margin-top:.3em;color:#999;padding-left:15px;padding-right:15px;font-size:14px}.weui-cell{padding:10px 15px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid #d9d9d9;color:#d9d9d9;left:15px}.weui-cell:first-child:before{display:none}.weui-cell_active{background-color:#ececec}.weui-cell_primary{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.weui-cell__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-cell__ft{text-align:right;color:#999}.weui-cell_access{color:inherit}.weui-cell__ft_in-access{padding-right:13px;position:relative}.weui-cell__ft_in-access:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px}.weui-cell_link{color:#586c94;font-size:14px}.weui-cell_link:active{background-color:#ececec}.weui-cell_link:first-child:before{display:block}.weui-icon-radio{margin-left:3.2px;margin-right:3.2px}.weui-icon-checkbox_circle,.weui-icon-checkbox_success{margin-left:4.6px;margin-right:4.6px}.weui-check__label:active{background-color:#ececec}.weui-check{position:absolute;left:-9999px}.weui-check__hd_in-checkbox{padding-right:.35em}.weui-cell__ft_in-radio{padding-left:.35em}.weui-cell_input{padding-top:0;padding-bottom:0}.weui-label{width:105px;word-wrap:break-word;word-break:break-all}.weui-input{height:2.58823529em;min-height:2.58823529em;line-height:2.58823529em}.weui-toptips{position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);top:0;left:0;right:0;padding:5px;font-size:14px;text-align:center;color:#fff;z-index:5000;word-wrap:break-word;word-break:break-all}.weui-toptips_warn{background-color:#e64340}.weui-textarea{display:block;width:100%}.weui-textarea-counter{color:#b2b2b2;text-align:right}.weui-cell_warn,.weui-textarea-counter_warn{color:#e64340}.weui-form-preview{position:relative;background-color:#fff}.weui-form-preview:before{top:0;border-top:1rpx solid #d9d9d9}.weui-form-preview:after,.weui-form-preview:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d9d9d9}.weui-form-preview:after{bottom:0;border-bottom:1rpx solid #d9d9d9}.weui-form-preview__value{font-size:14px}.weui-form-preview__value_in-hd{font-size:26px}.weui-form-preview__hd{position:relative;padding:10px 15px;text-align:right;line-height:2.5em}.weui-form-preview__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1rpx solid #d9d9d9;color:#d9d9d9;left:15px}.weui-form-preview__bd{padding:10px 15px;font-size:.9em;text-align:right;color:#999;line-height:2}.weui-form-preview__ft{position:relative;line-height:50px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-form-preview__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid #d5d5d6;color:#d5d5d6}.weui-form-preview__item{overflow:hidden}.weui-form-preview__label{float:left;margin-right:1em;min-width:4em;color:#999;text-align:justify;text-align-last:justify}.weui-form-preview__value{display:block;overflow:hidden;word-break:normal;word-wrap:break-word}.weui-form-preview__btn{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3cc51f;text-align:center}.weui-form-preview__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #d5d5d6;color:#d5d5d6}.weui-form-preview__btn:first-child:after{display:none}.weui-form-preview__btn_active{background-color:#eee}.weui-form-preview__btn_default{color:#999}.weui-form-preview__btn_primary{color:#0bb20c}.weui-cell_select{padding:0}.weui-select{position:relative;padding-left:15px;padding-right:30px;height:2.58823529em;min-height:2.58823529em;line-height:2.58823529em;border-right:1rpx solid #d9d9d9}.weui-select:before{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-4px}.weui-select_in-select-after{padding-left:0}.weui-cell__bd_in-select-before,.weui-cell__hd_in-select-after{padding-left:15px}.weui-cell_vcode{padding-right:0}.weui-vcode-btn,.weui-vcode-img{margin-left:5px;height:2.58823529em;vertical-align:middle}.weui-vcode-btn{display:inline-block;padding:0 .6em 0 .7em;border-left:1px solid #e5e5e5;line-height:2.58823529em;font-size:17px;color:#3cc51f;white-space:nowrap}.weui-vcode-btn:active{color:#52a341}.weui-cell_switch{padding-top:6px;padding-bottom:6px}.weui-uploader__hd{display:-webkit-box;display:-webkit-flex;display:flex;padding-bottom:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-uploader__title{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-uploader__info{color:#b2b2b2}.weui-uploader__bd{margin-bottom:-4px;margin-right:-9px;overflow:hidden}.weui-uploader__file{float:left;margin-right:9px;margin-bottom:9px}.weui-uploader__img{display:block;width:79px;height:79px}.weui-uploader__file_status{position:relative}.weui-uploader__file_status:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.weui-uploader__file-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.weui-uploader__input-box{float:left;position:relative;margin-right:9px;margin-bottom:9px;width:77px;height:77px;border:1px solid #d9d9d9}.weui-uploader__input-box:after,.weui-uploader__input-box:before{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#d9d9d9}.weui-uploader__input-box:before{width:2px;height:39.5px}.weui-uploader__input-box:after{width:39.5px;height:2px}.weui-uploader__input-box:active{border-color:#999}.weui-uploader__input-box:active:after,.weui-uploader__input-box:active:before{background-color:#999}.weui-uploader__input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0}.weui-article{padding:20px 15px;font-size:15px}.weui-article__section{margin-bottom:1.5em}.weui-article__h1{font-size:18px;font-weight:400;margin-bottom:.9em}.weui-article__h2{font-size:16px;font-weight:400;margin-bottom:.34em}.weui-article__h3{font-weight:400;font-size:15px;margin-bottom:.34em}.weui-article__p{margin:0 0 .8em}.weui-msg{padding-top:36px;text-align:center}.weui-msg__link{display:inline;color:#586c94}.weui-msg__icon-area{margin-bottom:30px}.weui-msg__text-area{margin-bottom:25px;padding:0 20px}.weui-msg__title{margin-bottom:5px;font-weight:400;font-size:20px}.weui-msg__desc{font-size:14px;color:#999}.weui-msg__opr-area{margin-bottom:25px}.weui-msg__extra-area{margin-bottom:15px;font-size:14px;color:#999}@media screen and (min-height:438px){.weui-msg__extra-area{position:fixed;left:0;bottom:0;width:100%;text-align:center}}.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-btn{margin-top:15px}.weui-btn:first-child{margin-top:0}.weui-btn-area{margin:1.17647059em 15px .3em}.weui-agree{display:block;padding:.5em 15px;font-size:13px}.weui-agree__text{color:#999}.weui-agree__link{display:inline;color:#586c94}.weui-agree__checkbox{position:absolute;left:-9999px}.weui-agree__checkbox-icon{position:relative;top:2px;display:inline-block;border:1px solid #d1d1d1;background-color:#fff;border-radius:3px;width:11px;height:11px}.weui-agree__checkbox-icon-check{position:absolute;top:1px;left:1px}.weui-footer{color:#999;font-size:14px;text-align:center}.weui-footer_fixed-bottom{position:fixed;bottom:.52em;left:0;right:0}.weui-footer__links{font-size:0}.weui-footer__link{display:inline-block;vertical-align:top;margin:0 .62em;position:relative;font-size:14px;color:#586c94}.weui-footer__link:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #c7c7c7;color:#c7c7c7;left:-.65em;top:.36em;bottom:.36em}.weui-footer__link:first-child:before{display:none}.weui-footer__text{padding:0 .34em;font-size:12px}.weui-grids{border-top:1rpx solid #d9d9d9;border-left:1rpx solid #d9d9d9;overflow:hidden}.weui-grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box;border-right:1rpx solid #d9d9d9;border-bottom:1rpx solid #d9d9d9}.weui-grid_active{background-color:#ececec}.weui-grid__icon{display:block;width:28px;height:28px;margin:0 auto}.weui-grid__label{margin-top:5px;display:block;text-align:center;color:#000;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weui-loading{margin:0 5px;width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:a 1s steps(12) infinite;animation:a 1s steps(12) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}.weui-loading.weui-loading_transparent{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.weui-badge{display:inline-block;padding:.15em .4em;min-width:8px;border-radius:18px;background-color:#e64340;color:#fff;line-height:1.2;text-align:center;font-size:12px;vertical-align:middle}.weui-badge_dot{padding:.4em;min-width:0}.weui-loadmore{width:65%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}.weui-loadmore__tips{display:inline-block;vertical-align:middle}.weui-loadmore_line{border-top:1px solid #e5e5e5;margin-top:2.4em}.weui-loadmore__tips_in-line{position:relative;top:-.9em;padding:0 .55em;background-color:#fff;color:#999}.weui-loadmore__tips_in-dot{position:relative;padding:0 .16em;width:4px;height:1.6em}.weui-loadmore__tips_in-dot:before{content:" ";position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-2px;width:4px;height:4px;border-radius:50%;background-color:#e5e5e5}.weui-panel{background-color:#fff;margin-top:10px;position:relative;overflow:hidden}.weui-panel:first-child{margin-top:0}.weui-panel:before{top:0;border-top:1rpx solid #e5e5e5}.weui-panel:after,.weui-panel:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#e5e5e5}.weui-panel:after{bottom:0;border-bottom:1rpx solid #e5e5e5}.weui-panel__hd{padding:14px 15px 10px;color:#999;font-size:13px;position:relative}.weui-panel__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1rpx solid #e5e5e5;color:#e5e5e5;left:15px}.weui-media-box{padding:15px;position:relative}.weui-media-box:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid #e5e5e5;color:#e5e5e5;left:15px}.weui-media-box:first-child:before{display:none}.weui-media-box__title{font-weight:400;font-size:17px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all}.weui-media-box__desc{color:#999;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-media-box__info{margin-top:15px;padding-bottom:5px;font-size:13px;color:#cecece;line-height:1em;list-style:none;overflow:hidden}.weui-media-box__info__meta{float:left;padding-right:1em}.weui-media-box__info__meta_extra{padding-left:1em;border-left:1px solid #cecece}.weui-media-box__title_in-text{margin-bottom:8px}.weui-media-box_appmsg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-media-box__thumb{width:100%;height:100%;vertical-align:top}.weui-media-box__hd_in-appmsg{margin-right:.8em;width:60px;height:60px;line-height:60px;text-align:center}.weui-media-box__bd_in-appmsg{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-media-box_small-appmsg{padding:0}.weui-cells_in-small-appmsg{margin-top:0}.weui-cells_in-small-appmsg:before{display:none}.weui-progress{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-progress__bar{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-progress__opr{margin-left:15px;font-size:0}.weui-navbar{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;z-index:500;top:0;width:100%;border-bottom:1rpx solid #ccc}.weui-navbar__item{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:13px 0;text-align:center;font-size:0}.weui-navbar__item.weui-bar__item_on{color:#1aad19}.weui-navbar__slider{position:absolute;content:" ";left:0;bottom:0;width:6em;height:3px;background-color:#1aad19;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.weui-navbar__title{display:inline-block;font-size:15px;max-width:8em;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.weui-tab{position:relative;height:100%}.weui-tab__panel{box-sizing:border-box;height:100%;padding-top:50px;overflow:auto;-webkit-overflow-scrolling:touch}.weui-search-bar{position:relative;padding:8px 10px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#efeff4;border-top:1rpx solid #d7d6dc;border-bottom:1rpx solid #d7d6dc}.weui-icon-search{margin-right:8px;font-size:inherit}.weui-icon-search_in-box{position:absolute;left:10px;top:7px}.weui-search-bar__text{display:inline-block;font-size:14px;vertical-align:middle}.weui-search-bar__form{position:relative;-webkit-box-flex:1;-webkit-flex:auto;flex:auto;border-radius:5px;background:#fff;border:1rpx solid #e6e6ea}.weui-search-bar__box{position:relative;padding-left:30px;padding-right:30px;width:100%;box-sizing:border-box;z-index:1}.weui-search-bar__input{height:28px;line-height:28px;font-size:14px}.weui-icon-clear{position:absolute;top:0;right:0;padding:7px 8px;font-size:0}.weui-search-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:3px;text-align:center;color:#9b9b9b;background:#fff;line-height:28px}.weui-search-bar__cancel-btn{margin-left:10px;line-height:28px;color:#09bb07;white-space:nowrap}

--------------------------------------------------------------------------------
/zan.wxss:
--------------------------------------------------------------------------------
1 | .zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;transform:translate3d(0,50%,0);transform-origin:center;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.zan-actionsheet__btn.zan-btn{height:50px;line-height:50px;margin-bottom:0}.zan-actionsheet__btn.zan-btn::after{border-width:0;border-bottom-width:1px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px;color:#666}.zan-actionsheet__footer{margin-top:10px}.zan-actionsheet__btn.zan-btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}.zan-badge{position:relative}.zan-badge__count{position:absolute;top:-16px;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:20px;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;transform:translateX(50%) scale(.5);transform-origin:center;z-index:10;box-shadow:0 0 0 2px #fff;box-sizing:border-box}.zan-btn{position:relative;color:#333;background-color:#fff;margin-bottom:10px;padding-left:15px;padding-right:15px;border-radius:2px;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle}.zan-btn::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-btns{margin:15px}.zan-btn--primary{color:#fff;background-color:#4b0}.zan-btn--primary::after{border-color:#0a0}.zan-btn--warn{color:#fff;background-color:#f85}.zan-btn--warn::after{border-color:#f85}.zan-btn--danger{color:#fff;background-color:#f44}.zan-btn--danger::after{border-color:#e33}.zan-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px;margin-right:5px;margin-bottom:0}.zan-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;margin-right:5px;margin-bottom:0;padding-left:5px;padding-right:5px}.zan-btn--large{border-radius:0;margin-bottom:0;border:none;line-height:50px;height:50px}.zan-btn--plain.zan-btn{background-color:transparent}.zan-btn--plain.zan-btn--primary{color:#06bf04}.zan-btn--plain.zan-btn--warn{color:#f60}.zan-btn--plain.zan-btn--danger{color:#f44}.button-hover{opacity:.9}.zan-btn--loading{color:transparent;opacity:1}.zan-btn--loading::before{position:absolute;left:50%;top:50%;content:' ';width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:3px solid #e5e5e5;border-color:#666 #e5e5e5 #e5e5e5 #e5e5e5;border-radius:8px;box-sizing:border-box;animation:btn-spin .6s linear;animation-iteration-count:infinite}.zan-btn--danger.zan-btn--loading::before,.zan-btn--primary.zan-btn--loading::before,.zan-btn--warn.zan-btn--loading::before{border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)}@keyframes btn-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.zan-btn.zan-btn--disabled{color:#999!important;background:#f8f8f8!important;border-color:#e5e5e5!important;cursor:not-allowed!important;opacity:1!important}.zan-btn.zan-btn--disabled::after{border-color:#e5e5e5!important}.zan-btn--last-child,.zan-btn:last-child{margin-bottom:0;margin-right:0}.zan-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:19px;transform:scale(.83)}.zan-capsule__left,.zan-capsule__right{display:inline-block;line-height:17px;height:19px;vertical-align:middle;box-sizing:border-box}.zan-capsule__left{padding:0 2px;color:#fff;background:#999;border-radius:2px 0 0 2px;border:1rpx solid #999}.zan-capsule__right{padding:0 5px;color:#999;border-radius:0 2px 2px 0;border:1rpx solid #999}.zan-capsule--danger .zan-capsule__left{color:#fff;background:#f24544;border-color:#f24544}.zan-capsule--danger .zan-capsule__right{color:#f24544;border-color:#f24544}.zan-card{margin-left:0;width:auto;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.zan-card__thumb{width:90px;height:90px;float:left;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover}.zan-card__img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%}.zan-card__detail{margin-left:100px;width:auto;position:relative}.zan-card__detail-row{overflow:hidden;line-height:20px;min-height:20px;margin-bottom:3px}.zan-card__right-col{float:right}.zan-card__left-col{margin-right:80px}.zan-cell{position:relative;padding:12px 15px;display:flex;align-items:center;line-height:1.4;font-size:14px}.zan-cell::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-cell__icon{margin-right:5px}.zan-cell__bd{flex:1}.zan-cell__text{line-height:24px;font-size:14px}.zan-cell__desc{line-height:1.2;font-size:12px;color:#666}.zan-cell__ft{position:relative;text-align:right;color:#666}.zan-cell__no-pading{padding:0}.zan-cell__no-pading .zan-cell__bd_padding{padding:12px 0 12px 15px}.zan-cell__no-pading .zan-cell__bd_padding .zan-form__input{height:26px}.zan-cell__no-pading .zan-cell__ft_padding{padding:12px 15px 12px 0}.zan-cell--last-child::after,.zan-cell:last-child::after{display:none}.zan-cell--access .zan-cell__ft{padding-right:13px}.zan-cell--access .zan-cell__ft::after{position:absolute;top:50%;right:2px;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-cell--switch{padding-top:6px;padding-bottom:6px}.zan-col{float:left;box-sizing:border-box;width:0}.zan-col-1{width:4.16667%}.zan-col-offset-1{margin-left:4.16667%}.zan-col-2{width:8.33333%}.zan-col-offset-2{margin-left:8.33333%}.zan-col-3{width:12.5%}.zan-col-offset-3{margin-left:12.5%}.zan-col-4{width:16.66667%}.zan-col-offset-4{margin-left:16.66667%}.zan-col-5{width:20.83333%}.zan-col-offset-5{margin-left:20.83333%}.zan-col-6{width:25%}.zan-col-offset-6{margin-left:25%}.zan-col-7{width:29.16667%}.zan-col-offset-7{margin-left:29.16667%}.zan-col-8{width:33.33333%}.zan-col-offset-8{margin-left:33.33333%}.zan-col-9{width:37.5%}.zan-col-offset-9{margin-left:37.5%}.zan-col-10{width:41.66667%}.zan-col-offset-10{margin-left:41.66667%}.zan-col-11{width:45.83333%}.zan-col-offset-11{margin-left:45.83333%}.zan-col-12{width:50%}.zan-col-offset-12{margin-left:50%}.zan-col-13{width:54.16667%}.zan-col-offset-13{margin-left:54.16667%}.zan-col-14{width:58.33333%}.zan-col-offset-14{margin-left:58.33333%}.zan-col-15{width:62.5%}.zan-col-offset-15{margin-left:62.5%}.zan-col-16{width:66.66667%}.zan-col-offset-16{margin-left:66.66667%}.zan-col-17{width:70.83333%}.zan-col-offset-17{margin-left:70.83333%}.zan-col-18{width:75%}.zan-col-offset-18{margin-left:75%}.zan-col-19{width:79.16667%}.zan-col-offset-19{margin-left:79.16667%}.zan-col-20{width:83.33333%}.zan-col-offset-20{margin-left:83.33333%}.zan-col-21{width:87.5%}.zan-col-offset-21{margin-left:87.5%}.zan-col-22{width:91.66667%}.zan-col-offset-22{margin-left:91.66667%}.zan-col-23{width:95.83333%}.zan-col-offset-23{margin-left:95.83333%}.zan-col-24{width:100%}.zan-col-offset-24{margin-left:100%}.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}.zan-dialog--container{position:fixed;top:45%;left:50%;width:80%;height:0;font-size:16px;overflow:hidden;transition:all .2s linear;border-radius:4px;background-color:#fff;transform:translate3d(-50%,-50%,0);color:#333;opacity:0}.zan-dialog--mask{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.6);transition:.3s;display:none}.zan-dialog__header{padding:15px 0 0;text-align:center}.zan-dialog__content{position:relative;padding:15px 20px;line-height:1.5;min-height:40px}.zan-dialog__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.zan-dialog__content--title{color:#999;font-size:14px}.zan-dialog__footer{overflow:hidden}.zan-dialog__button{line-height:50px;height:50px;padding:0 5px;border-radius:0;margin-bottom:0}.zan-dialog__button::after{border-width:0;border-radius:0}.zan-dialog--show .zan-dialog--container{opacity:1;height:auto}.zan-dialog--show .zan-dialog--mask{display:block}.zan-dialog__footer--horizon{display:flex}.zan-dialog__footer--horizon .zan-dialog__button{flex:1}.zan-dialog__footer--horizon .zan-dialog__button::after{border-right-width:1px}.zan-dialog__footer--horizon .zan-dialog__button:last-child::after{border-right-width:0}.zan-dialog__footer--vertical .zan-dialog__button{flex:1}.zan-dialog__footer--vertical .zan-dialog__button::after{border-bottom-width:1px}.zan-dialog__footer--vertical .zan-dialog__button:last-child::after{border-bottom-width:0}.zan-field{padding:7px 15px;color:#333}.zan-field--wrapped{margin:0 15px;background-color:#fff}.zan-field--wrapped::after{left:0;border-width:1px;border-radius:4px}.zan-field--wrapped+.zan-field--wrapped{margin-top:10px}.zan-field--error{color:#f40}.zan-field--wrapped.zan-field--error::after{border-color:#f40}.zan-field__title{color:#333;min-width:65px;padding-right:10px}.zan-field__input{flex:1;line-height:1.6;padding:4px 0;min-height:22px;height:auto;font-size:14px}.zan-field__placeholder{font-size:14px}.zan-field__input--right{text-align:right}.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:22px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.eot);src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff) format('woff'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.ttf) format('truetype')}.zan-icon{display:inline-block}.zan-icon::before{font-family:zanui-weapp-icon!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}.zan-icon-qr-invalid:before{content:'\e800'}.zan-icon-qr:before{content:'\e801'}.zan-icon-exchange:before{content:'\e802'}.zan-icon-close:before{content:'\e803'}.zan-icon-location:before{content:'\e804'}.zan-icon-upgrade:before{content:'\e805'}.zan-icon-check:before{content:'\e806'}.zan-icon-checked:before{content:'\e807'}.zan-icon-like-o:before{content:'\e808'}.zan-icon-like:before{content:'\e809'}.zan-icon-chat:before{content:'\e80a'}.zan-icon-shop:before{content:'\e80b'}.zan-icon-photograph:before{content:'\e80c'}.zan-icon-add:before{content:'\e80d'}.zan-icon-add2:before{content:'\e80e'}.zan-icon-photo:before{content:'\e80f'}.zan-icon-logistics:before{content:'\e810'}.zan-icon-edit:before{content:'\e811'}.zan-icon-passed:before{content:'\e812'}.zan-icon-cart:before{content:'\e813'}.zan-icon-shopping-cart:before{content:'\e814'}.zan-icon-arrow:before{content:'\e815'}.zan-icon-gift:before{content:'\e816'}.zan-icon-search:before{content:'\e817'}.zan-icon-clear:before{content:'\e818'}.zan-icon-success:before{content:'\e819'}.zan-icon-fail:before{content:'\e81a'}.zan-icon-contact:before{content:'\e81b'}.zan-icon-wechat:before{content:'\e81c'}.zan-icon-alipay:before{content:'\e81d'}.zan-icon-password-view:before{content:'\e81e'}.zan-icon-password-not-view:before{content:'\e81f'}.zan-icon-wap-nav:before{content:'\e820'}.zan-icon-wap-home:before{content:'\e821'}.zan-icon-ecard-pay:before{content:'\e822'}.zan-icon-balance-pay:before{content:'\e823'}.zan-icon-peer-pay:before{content:'\e824'}.zan-icon-credit-pay:before{content:'\e825'}.zan-icon-debit-pay:before{content:'\e826'}.zan-icon-other-pay:before{content:'\e827'}.zan-icon-browsing-history:before{content:'\e828'}.zan-icon-goods-collect:before{content:'\e829'}.zan-icon-shop-collect:before{content:'\e82a'}.zan-icon-receive-gift:before{content:'\e82b'}.zan-icon-send-gift:before{content:'\e82c'}.zan-icon-setting:before{content:'\e82d'}.zan-icon-points:before{content:'\e82e'}.zan-icon-coupon:before{content:'\e82f'}.zan-icon-free-postage:before{content:'\e830'}.zan-icon-discount:before{content:'\e831'}.zan-icon-birthday-privilege:before{content:'\e832'}.zan-icon-member-day-privilege:before{content:'\e833'}.zan-icon-balance-details:before{content:'\e834'}.zan-icon-cash-back-record:before{content:'\e835'}.zan-icon-points-mall:before{content:'\e836'}.zan-icon-exchange-record:before{content:'\e837'}.zan-icon-pending-payment:before{content:'\e838'}.zan-icon-pending-orders:before{content:'\e839'}.zan-icon-pending-deliver:before{content:'\e83a'}.zan-icon-pending-evaluate:before{content:'\e83b'}.zan-icon-gift-card-pay:before{content:'\e83c'}.zan-icon-cash-on-deliver:before{content:'\e83d'}.zan-icon-underway:before{content:'\e83e'}.zan-icon-point-gift:before{content:'\e83f'}.zan-icon-after-sale:before{content:'\e840'}.zan-icon-edit-data:before{content:'\e841'}.zan-icon-question:before{content:'\e842'}.zan-icon-delete:before{content:'\e843'}.zan-icon-records:before{content:'\e844'}.zan-icon-description:before{content:'\e845'}.zan-icon-card:before{content:'\e846'}.zan-icon-gift-card:before{content:'\e847'}.zan-icon-clock:before{content:'\e848'}.zan-icon-gold-coin:before{content:'\e849'}.zan-icon-completed:before{content:'\e84a'}.zan-icon-value-card:before{content:'\e84b'}.zan-icon-certificate:before{content:'\e84c'}.zan-icon-tosend:before{content:'\e84d'}.zan-icon-sign:before{content:'\e84e'}.zan-icon-home:before{content:'\e84f'}.zan-icon-phone:before{content:'\e850'}.zan-icon-add-o:before{content:'\e851'}.zan-icon-play:before{content:'\e852'}.zan-icon-pause:before{content:'\e853'}.zan-icon-stop:before{content:'\e854'}.zan-icon-hot:before{content:'\e855'}.zan-icon-new:before{content:'\e856'}.zan-icon-new-arrival:before{content:'\e857'}.zan-icon-hot-sale:before{content:'\e858'}.zan-loadmore{position:relative;width:65%;margin:21px auto;line-height:20px;font-size:14px;text-align:center;vertical-align:middle}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;-webkit-background-size:100%;background-size:100%}.zan-loadmore .zan-loading{margin-right:4px}.zan-loadmore__tips{display:inline-block;vertical-align:middle;height:20px;line-height:20px}.zan-loadmore--nodata,.zan-loadmore--nomore{color:#999}.zan-loadmore--nodata::after,.zan-loadmore--nomore::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px}.zan-loadmore--nodata{margin-top:120px}.zan-loadmore--nodata .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px;z-index:1}.zan-loadmore--nomore .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px;z-index:1}.zan-loadmore__dot{position:absolute;left:50%;top:10px;margin-left:-2px;margin-top:-2px;content:" ";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.zan-noticebar{color:#f60;padding:9px 10px;font-size:12px;line-height:1.5;background-color:#fff7cc}.zan-panel{position:relative;background:#fff;margin-top:10px;overflow:hidden}.zan-panel::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}.zan-panel-title{font-size:14px;line-height:1;color:#999;padding:20px 15px 0 15px}.zan-panel--without-margin-top{margin-top:0}.zan-panel--without-border::after{border:0 none}.zan-popup{visibility:hidden}.zan-popup--show{visibility:visible}.zan-popup__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-popup__container{position:fixed;left:50%;top:50%;background:#fff;transform:translate3d(-50%,-50%,0);transform-origin:center;transition:all .4s ease;z-index:11;opacity:0}.zan-popup--show .zan-popup__container{opacity:1}.zan-popup--show .zan-popup__mask{display:block}.zan-popup--left .zan-popup__container{left:0;top:auto;transform:translate3d(-100%,0,0)}.zan-popup--show.zan-popup--left .zan-popup__container{transform:translate3d(0,0,0)}.zan-popup--right .zan-popup__container{right:0;top:auto;left:auto;transform:translate3d(100%,0,0)}.zan-popup--show.zan-popup--right .zan-popup__container{transform:translate3d(0,0,0)}.zan-popup--bottom .zan-popup__container{top:auto;left:auto;bottom:0;transform:translate3d(0,100%,0)}.zan-popup--show.zan-popup--bottom .zan-popup__container{transform:translate3d(0,0,0)}.zan-popup--top .zan-popup__container{top:0;left:auto;transform:translate3d(0,-100%,0)}.zan-popup--show.zan-popup--top .zan-popup__container{transform:translate3d(0,0,0)}.zan-row:after{content:"";display:table;clear:both}.zan-select__list .zan-select__radio{display:none}.zan-stepper{color:#666}.zan-stepper view{display:inline-block;line-height:20px;padding:5px 0;text-align:center;min-width:40px;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.zan-stepper .zan-stepper__minus{border-right:none;border-radius:2px 0 0 2px}.zan-stepper .zan-stepper__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;height:30px;width:40px;min-height:auto;font-size:12px;line-height:30px}.zan-stepper .zan-stepper__plus{border-left:none;border-radius:0 2px 2px 0}.zan-stepper .zan-stepper--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.zan-stepper--small view{min-width:36px;line-height:18px}.zan-stepper--small .zan-stepper__text{width:36px;line-height:28px;height:28px}.zan-steps--steps.zan-steps--5 .zan-steps__step{width:25%}.zan-steps--steps.zan-steps--4 .zan-steps__step{width:33%}.zan-steps--steps.zan-steps--3 .zan-steps__step{width:50%}.zan-steps--steps .zan-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1}.zan-steps--steps .zan-steps__title{transform:translateX(-50%);font-size:10px;text-align:center}.zan-steps--steps .zan-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.zan-steps--steps .zan-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.zan-steps--steps .zan-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--done{color:#333}.zan-steps--steps .zan-steps__step--done .zan-steps__line{background-color:#06bf04}.zan-steps--steps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--steps .zan-steps__step--cur .zan-steps__icons{top:25px;left:-14px}.zan-steps--steps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.zan-steps--steps .zan-steps__step--cur .zan-steps__line{background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--first-child .zan-steps__title{margin-left:0;transform:none;text-align:left}.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons{left:-7px}.zan-steps--steps .zan-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__title{transform:none;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons{left:auto;right:-6px}.zan-steps--steps .zan-steps__step--last-child .zan-steps__line{display:none}.zan-steps--steps .zan-steps__step--db-title{min-height:29px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__line{top:45px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons{top:43px}.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons{top:39px}.zan-steps--vsteps{color:#999;font-size:14px}.zan-steps--vsteps .zan-steps__step{position:relative;padding:15px 0}.zan-steps--vsteps .zan-steps__step--done{color:#4b0}.zan-steps--vsteps .zan-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.zan-steps--vsteps .zan-steps__title{display:inline-block;line-height:20px;padding-left:27px}.zan-steps--vsteps .zan-steps__title--desc{padding-left:3px}.zan-steps--vsteps .zan-steps__icons{position:absolute;left:7px;top:50%;transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.zan-steps--vsteps .zan-steps__circle{width:5px;height:5px;background-color:#cacaca;border-radius:10px}.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.zan-steps--vsteps .zan-steps__icon--active{width:13px;height:13px}.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps{position:relative}.zan-switch{position:relative;display:inline-block;width:52px;height:32px;vertical-align:middle;box-sizing:border-box;border-radius:16px;background:#44db5e;border:1px solid #44db5e}.zan-switch__circle{position:absolute;top:0;left:0;width:30px;height:30px;display:inline-block;background:#fff;border-radius:15px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);transition:transform .35s cubic-bezier(.45,1,.4,1);z-index:2}.zan-switch__bg{position:absolute;top:-1px;left:-1px;width:52px;height:32px;background:#fff;border-radius:26px;display:inline-block;border:1px solid #e5e5e5;box-sizing:border-box;transition:transform .35s cubic-bezier(.45,1,.4,1);transform:scale(0);transform-origin:36px 16px}.zan-switch--on .zan-switch__circle{transform:translateX(20px)}.zan-switch--off .zan-switch__bg{transform:scale(1)}.zan-swtich--disabled{opacity:.4}.zan-switch__loading{position:absolute;left:7px;top:7px;width:16px;height:16px;background:url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;background-size:16px 16px;animation:zan-switch-loading .8s infinite linear}@keyframes zan-switch-loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}.zan-tab{height:45px}.zan-tab__bd{width:750rpx;display:flex;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.zan-tab__bd--fixed{position:fixed;top:0;z-index:2}.zan-tab__item{flex:1;display:inline-block;padding:0 10px;line-height:0;box-sizing:border-box;overflow:hidden;text-align:center}.zan-tab__title{display:inline-block;max-width:100%;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;word-break:keep-all;font-size:14px;color:#666}.zan-tab__item--selected .zan-tab__title{color:#f44;border-bottom:2px solid #f44}.zan-tab__bd--scroll{display:block;white-space:nowrap}.zan-tab__bd--scroll .zan-tab__item{min-width:80px}.zan-tag{display:inline-block;position:relative;box-sizing:border-box;line-height:16px;padding:0 5px;border-radius:2px;font-size:11px;background:#c9c9c9;text-align:center;color:#fff}.zan-tag::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-tag--plain{color:#c9c9c9;background:#fff}.zan-tag--primary{color:#fff;background-color:#4b0}.zan-tag--primary::after{border-color:#4b0}.zan-tag--primary.zan-tag--plain{color:#4b0;background:#fff}.zan-tag--danger{color:#fff;background:#f44}.zan-tag--danger::after{border-color:#f44}.zan-tag--danger.zan-tag--plain{color:#f44;background:#fff}.zan-tag--warn{color:#fff;background:#f85}.zan-tag--warn::after{border-color:#f85}.zan-tag--warn.zan-tag--plain{color:#f85;background:#fff}.zan-tag--disabled{color:#999!important;background:#e5e5e5}.zan-tag--disabled::after{border-color:#ccc}.zan-toast{position:fixed;top:35%;left:20%;transform:translateZ(0) translateY(-100%);background:rgba(0,0,0,.7);color:#fff;font-size:14px;width:60%;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px;text-align:center;border-radius:4px;z-index:100}.zan-toptips{display:block;position:fixed;-webkit-transform:translateZ(0) translateY(-100%);width:100%;min-height:32px;top:0;line-height:2.3;font-size:14px;text-align:center;color:#fff;background-color:#e64340;z-index:110;transition:all .4s ease}.zan-toptips--show{-webkit-transform:translateZ(0) translateY(0)}

--------------------------------------------------------------------------------