├── README.md ├── app.js ├── app.json ├── app.wxss ├── common ├── common.js └── util.js ├── css ├── search.wxss └── weui.wxss ├── images ├── a32_02.jpg ├── blog_03.png ├── card_03.jpg ├── i_03.jpg ├── i_05.jpg ├── i_06.jpg ├── i_07.jpg ├── i_08.jpg ├── i_09.jpg ├── i_10.jpg ├── i_11.jpg ├── i_12.jpg ├── i_13.jpg ├── i_15.jpg ├── i_16.jpg ├── i_17.jpg ├── i_18.jpg ├── icon1.png ├── icon1s.png ├── icon2.png ├── icon2s.png ├── icon3.png ├── icon3s.png ├── icon4.png ├── icon4s.png ├── icon_03.jpg ├── icon_04.jpg ├── icon_06.jpg ├── me_02.jpg ├── me_05.jpg ├── me_08.jpg ├── me_10.jpg ├── me_12.jpg ├── me_14.jpg ├── more.jpg ├── n_03.jpg ├── n_06.jpg ├── quan_01_03.jpg ├── tels_03.png └── tels_05.png ├── pages ├── board │ ├── board.js │ ├── board.json │ ├── board.wxml │ ├── board.wxss │ ├── boardlist.js │ ├── boardlist.json │ ├── boardlist.wxml │ ├── boardlist.wxss │ ├── post.js │ ├── post.json │ ├── post.wxml │ └── post.wxss ├── classes │ ├── class.js │ ├── class.json │ ├── class.wxml │ ├── class.wxss │ ├── classlist.js │ ├── classlist.json │ ├── classlist.wxml │ └── classlist.wxss ├── contact │ ├── contact.js │ ├── contact.json │ ├── contact.wxml │ └── contact.wxss ├── forum │ ├── forum.js │ ├── forum.json │ ├── forum.wxml │ └── forum.wxss ├── index │ ├── index.js │ ├── index.json │ ├── index.wxml │ └── index.wxss ├── map │ ├── map.js │ ├── map.json │ ├── map.wxml │ └── map.wxss ├── note │ ├── balance.js │ ├── balance.json │ ├── balance.wxml │ ├── balance.wxss │ ├── myclasses.js │ ├── myclasses.json │ ├── myclasses.wxml │ ├── myclasses.wxss │ ├── note.js │ ├── note.json │ ├── note.wxml │ ├── note.wxss │ ├── pay.js │ ├── pay.json │ ├── pay.wxml │ ├── pay.wxss │ ├── youhui.js │ ├── youhui.json │ ├── youhui.wxml │ └── youhui.wxss ├── release │ ├── releaselist.js │ ├── releaselist.json │ ├── releaselist.wxml │ └── releaselist.wxss ├── search │ ├── search.js │ ├── search.json │ ├── search.wxml │ ├── search.wxss │ ├── searched.js │ ├── searched.json │ ├── searched.wxml │ └── searched.wxss └── user │ ├── user.js │ ├── user.json │ ├── user.wxml │ └── user.wxss ├── require ├── banner.js ├── logo.js ├── nav.js ├── news.js └── qqmap-wx-jssdk.min.js └── view ├── banner.wxml ├── loading.wxml ├── news.wxml └── search.wxml /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/README.md -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | //app.js 2 | const logo = require('/require/logo'); 3 | App({ 4 | globalData:{ 5 | appId:'wx8fd0f04121e3868f',//appId 6 | secret:'8275b9065c4b34d8e95fd57facbc9f84',//secret 7 | request: 'https://18508788.17tongcheng.cn/api/'//请求地址 8 | }, 9 | onLaunch: function () { 10 | var _this = this; 11 | var logoUrl = `${_this.globalData.request}logo.php`; 12 | logo.fetchLogo.call(_this, logoUrl); 13 | var user=wx.getStorageSync('user') || {}; 14 | var userInfo=wx.getStorageSync('userInfo') || {}; 15 | if((!user.openid || (user.expires_in || Date.now()) < (Date.now() + 600))&&(!userInfo.nickName)){ 16 | wx.login({ 17 | success: function(res){ 18 | if(res.code) { 19 | wx.getUserInfo({ 20 | success: function (res) { 21 | var objz={}; 22 | objz.avatarUrl=res.userInfo.avatarUrl; 23 | objz.nickName=res.userInfo.nickName; 24 | wx.setStorageSync('userInfo', objz);//存储userInfo 25 | } 26 | }); 27 | var d=_this.globalData;//这里存储了appId、secret、token串 28 | var l=`https://api.weixin.qq.com/sns/jscode2session?appId=${d.appId}&secret=${d.secret}&js_code=${res.code}&grant_type=authorization_code`; 29 | wx.request({ 30 | url: l, 31 | data: {}, 32 | method: 'GET', 33 | success: function(res){ 34 | console.log(res); 35 | var obj={}; 36 | obj.openid=res.data.openid; 37 | obj.expires_in=Date.now()+res.data.expires_in; 38 | //console.log(obj); 39 | wx.setStorageSync('user', obj);//存储openid 40 | } 41 | }); 42 | }else { 43 | console.log('获取用户登录态失败！' + res.errMsg); 44 | } 45 | } 46 | }); 47 | } 48 | wx.getLocation({ 49 | type: 'wgs84', 50 | success: function(res) { 51 | var latitude = res.latitude 52 | var longitude = res.longitude 53 | var speed = res.speed 54 | var accuracy = res.accuracy 55 | } 56 | }) 57 | } 58 | }); -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages":[ 3 | "pages/index/index", 4 | "pages/release/releaselist", 5 | "pages/contact/contact", 6 | "pages/board/board", 7 | "pages/classes/classlist", 8 | "pages/classes/class", 9 | "pages/user/user", 10 | "pages/search/search", 11 | "pages/forum/forum", 12 | "pages/board/boardlist", 13 | "pages/note/balance", 14 | "pages/note/myclasses", 15 | "pages/note/pay", 16 | "pages/board/post", 17 | "pages/search/searched", 18 | "pages/note/youhui", 19 | "pages/map/map" 20 | ], 21 | "window":{ 22 | "backgroundTextStyle":"light", 23 | "navigationBarBackgroundColor": "#1d82d2", 24 | "navigationBarTitleText": "17同城", 25 | "backgroundColor": "#fff", 26 | "navigationBarTextStyle":"white", 27 | "enablePullDownRefresh": false 28 | }, 29 | "tabBar": { 30 | "color":"#000", 31 | "selectedColor":"#1d82d2", 32 | "backgroundColor":"#fff", 33 | "borderStyle":"black", 34 | "list": [ 35 | { 36 | "pagePath":"pages/index/index", 37 | "iconPath": "images/icon1.png", 38 | "selectedIconPath": "images/icon1s.png", 39 | "text": "首页" 40 | }, 41 | { 42 | "pagePath":"pages/board/boardlist", 43 | "iconPath": "images/icon3.png", 44 | "selectedIconPath": "images/icon3s.png", 45 | "text": "留言板" 46 | }, 47 | { 48 | "pagePath":"pages/contact/contact", 49 | "iconPath": "images/icon2.png", 50 | "selectedIconPath": "images/icon2s.png", 51 | "text": "联系我们" 52 | }, 53 | { 54 | "pagePath":"pages/user/user", 55 | "iconPath": "images/icon4.png", 56 | "selectedIconPath": "images/icon4s.png", 57 | "text": "我的" 58 | } 59 | ] 60 | }, 61 | "debug": false 62 | } -------------------------------------------------------------------------------- /app.wxss: -------------------------------------------------------------------------------- 1 | .tac{text-align: center;} 2 | .clear::after{ content: ""; display: block; clear:both; overflow:hidden; height:0;} 3 | .fl{ float:left;} 4 | .fr{ float:right;} 5 | .abs{ position:absolute;} 6 | .rel{ position:relative;} 7 | .indent{text-indent: 2em;} 8 | .tac{text-align: center;} 9 | .blod{ font-weight: 700} 10 | .em{text-indent: 2em；} 11 | .block{ display: block;word-break:break-all;} 12 | 13 | page{ 14 | font-family: Microsoft YaHei; 15 | position: relative; 16 | } 17 | swiper{ 18 | height: 384rpx; 19 | } 20 | .main{ 21 | min-height: 100vh; 22 | background: #fff; 23 | padding-bottom: 12rpx; 24 | box-sizing: border-box; 25 | } 26 | .content{ 27 | padding-left: 10rpx; 28 | padding-right: 10rpx; 29 | } 30 | .flex{ 31 | display: flex; 32 | } 33 | navigator:hover{ 34 | background-color: none; 35 | } 36 | .banner image{ 37 | width: 750rpx; 38 | height: 384rpx; 39 | } 40 | .pt_20{ 41 | padding-top: 20rpx; 42 | } 43 | .pt_12{ 44 | padding-top: 12rpx; 45 | } 46 | .pt_10{ 47 | padding-top: 10rpx; 48 | } 49 | .cfff{ 50 | color: #fff; 51 | } 52 | .c000{ 53 | color: #000; 54 | } 55 | .c666{ 56 | color: #666; 57 | } 58 | .c999{ 59 | color: #999; 60 | } 61 | .l22{ 62 | line-height: 2.2; 63 | } 64 | .f28{ 65 | font-size: 28rpx; 66 | } 67 | .f16{ 68 | font-size: 16px; 69 | } 70 | .f22{ 71 | font-size: 22rpx; 72 | } 73 | .f24{ 74 | font-size: 24rpx; 75 | } 76 | .f36{ 77 | font-size: 36rpx; 78 | } 79 | .w448{ 80 | width: 448rpx; 81 | } 82 | .text_overflow{ 83 | overflow:hidden; 84 | text-overflow:ellipsis; 85 | white-space:nowrap; 86 | width: 380rpx; 87 | } 88 | scrollbar { 89 | width: 0; 90 | height: 0; 91 | color: transparent; 92 | } 93 | ::-webkit-scrollbar { 94 | width: 0; 95 | height: 0; 96 | color: transparent; 97 | } 98 | .f14px{ 99 | font-size: 14px; 100 | } 101 | .f12px{ 102 | font-size: 12px; 103 | } 104 | .f26{ 105 | font-size: 26rpx; 106 | } 107 | .cff2929{ 108 | color: #ff2929; 109 | } 110 | .c3885ee{ 111 | color: #3885ee; 112 | } 113 | .c585858{ 114 | color: #585858; 115 | } 116 | .f48{ 117 | font-size: 48rpx; 118 | } 119 | .navigator-hover{ 120 | background: transparent; 121 | opacity: 0.6; 122 | } 123 | .bge6e6e6{ 124 | padding: 24rpx 15rpx; 125 | color: #aaa; 126 | } 127 | .bge6e6e6 view{ 128 | background: url('https://67376893.qcloud.la/api/images/a32_02.jpg?id=1') repeat-x; 129 | background-size: auto 100%; 130 | } 131 | .bge6e6e6 text{ 132 | padding: 0 10rpx; 133 | background: #fff; 134 | } -------------------------------------------------------------------------------- /common/common.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | //显示loading 3 | loading: ()=>{ 4 | wx.showNavigationBarLoading() 5 | }, 6 | //隐藏loading 7 | stoploading: ()=>{ 8 | wx.hideNavigationBarLoading() 9 | }, 10 | //设置导航文字 11 | setNavTitle: (title)=>{ 12 | var title = title; 13 | wx.setNavigationBarTitle({ 14 | title: title, 15 | success: function() { 16 | console.log('setNavigationBarTitle success') 17 | }, 18 | fail: function(err) { 19 | console.log('setNavigationBarTitle fail, err is', err) 20 | } 21 | }) 22 | return false 23 | }, 24 | showModal: (title="网络不给力啊", content="信息加载失败")=>{ 25 | wx.showModal({ 26 | title, 27 | content, 28 | showCancel: false, 29 | confirmText: "确定" 30 | }) 31 | }, 32 | viewSearch: function() { 33 | wx.navigateTo({ 34 | url: '../search/search' 35 | }) 36 | } 37 | } -------------------------------------------------------------------------------- /common/util.js: -------------------------------------------------------------------------------- 1 | function formatTime(time) { 2 | if (typeof time !== 'number' || time < 0) { 3 | return time 4 | } 5 | 6 | const date = new Date(time) 7 | 8 | const year = date.getFullYear() 9 | const month = date.getMonth()+1 10 | const day = date.getDate() 11 | const hour = date.getHours() 12 | const minute = date.getMinutes() 13 | const second = date.getSeconds() 14 | 15 | /* 16 | var hour = parseInt(time / 3600) 17 | time = time % 3600 18 | var minute = parseInt(time / 60) 19 | time = time % 60 20 | var second = time 21 | */ 22 | 23 | return year+'-'+month+'-'+day+' '+([hour, minute, second]).map(function (n) { 24 | n = n.toString() 25 | return n[1] ? n : '0' + n 26 | }).join(':') 27 | } 28 | 29 | // function countdown(time) { 30 | 31 | // if (typeof time !== 'number' || time < 0) { 32 | // return time 33 | // } 34 | // setInterval(function(){ 35 | // return (time/1000) - 1 36 | // }, 1000) 37 | // } 38 | 39 | module.exports = { 40 | formatTime: formatTime, 41 | // countdown: countdown 42 | } -------------------------------------------------------------------------------- /css/search.wxss: -------------------------------------------------------------------------------- 1 | .search-bar{ 2 | background: #1d82d2; 3 | padding-top: 15px; 4 | padding-bottom: 15px; 5 | flex-wrap:wrap; 6 | flex-direction:row; 7 | position: fixed; 8 | width: 100%; 9 | left: 0; 10 | top: 0; 11 | z-index: 2; 12 | } 13 | .pt{ 14 | padding-top: calc(61rpx + 30px); 15 | } 16 | .logo{ 17 | width: 106rpx; 18 | height: 61rpx; 19 | } 20 | .search-bar .input{ 21 | color: #aaa; 22 | width: 550rpx; 23 | padding: 0 13rpx; 24 | height: 61rpx; 25 | line-height: 61rpx; 26 | border-radius: 6px; 27 | font-size: 26rpx; 28 | background-image: url('https://18508788.17tongcheng.cn/api/images/i_06.jpg'); 29 | background-color: #fff; 30 | background-repeat: no-repeat; 31 | background-position: right center; 32 | background-size: contain; 33 | margin-left: 10rpx; 34 | } 35 | .fb_btn{ 36 | width: 127rpx; 37 | height: 61rpx; 38 | background-repeat: no-repeat; 39 | background-image: url('https://18508788.17tongcheng.cn/api/images/i_05.jpg'); 40 | background-position: center center; 41 | background-size: contain; 42 | margin-left: 10rpx; 43 | } 44 | .body{ 45 | padding-top: 10rpx; 46 | } -------------------------------------------------------------------------------- /css/weui.wxss: -------------------------------------------------------------------------------- 1 | /*! 2 | * weui.js v1.1.0 (https://github.com/weui/weui-wxss) 3 | * Copyright 2016, wechat ui team 4 | * MIT license 5 | */ 6 | page { 7 | line-height: 1.6; 8 | font-family: -apple-system-font, "Helvetica Neue", sans-serif; 9 | } 10 | icon { 11 | vertical-align: middle; 12 | } 13 | .weui-cells { 14 | position: relative; 15 | margin-top: 1.17647059em; 16 | background-color: #FFFFFF; 17 | line-height: 1.41176471; 18 | font-size: 17px; 19 | } 20 | .weui-cells:before { 21 | content: " "; 22 | position: absolute; 23 | left: 0; 24 | top: 0; 25 | right: 0; 26 | height: 1px; 27 | border-top: 1rpx solid #D9D9D9; 28 | color: #D9D9D9; 29 | } 30 | .weui-cells:after { 31 | content: " "; 32 | position: absolute; 33 | left: 0; 34 | bottom: 0; 35 | right: 0; 36 | height: 1px; 37 | border-bottom: 1rpx solid #D9D9D9; 38 | color: #D9D9D9; 39 | } 40 | .weui-cells__title { 41 | margin-top: .77em; 42 | margin-bottom: .3em; 43 | padding-left: 15px; 44 | padding-right: 15px; 45 | color: #999999; 46 | font-size: 14px; 47 | } 48 | .weui-cells_after-title { 49 | margin-top: 0; 50 | } 51 | .weui-cells__tips { 52 | margin-top: .3em; 53 | color: #999999; 54 | padding-left: 15px; 55 | padding-right: 15px; 56 | font-size: 14px; 57 | } 58 | .weui-cell { 59 | padding: 10px; 60 | position: relative; 61 | display: -webkit-box; 62 | display: -webkit-flex; 63 | display: flex; 64 | -webkit-box-align: center; 65 | -webkit-align-items: center; 66 | align-items: center; 67 | } 68 | .weui-cell:before { 69 | content: " "; 70 | position: absolute; 71 | left: 0; 72 | top: 0; 73 | right: 0; 74 | height: 1px; 75 | color: #D9D9D9; 76 | left: 15px; 77 | } 78 | .weui-cell:first-child:before { 79 | display: none; 80 | } 81 | .weui-cell_active { 82 | background-color: #ECECEC; 83 | } 84 | .weui-cell_primary { 85 | -webkit-box-align: start; 86 | -webkit-align-items: flex-start; 87 | align-items: flex-start; 88 | } 89 | .weui-cell__bd { 90 | -webkit-box-flex: 1; 91 | -webkit-flex: 1; 92 | flex: 1; 93 | } 94 | .weui-cell__ft { 95 | text-align: right; 96 | color: #999999; 97 | } 98 | .weui-cell_access { 99 | color: inherit; 100 | } 101 | .weui-cell__ft_in-access { 102 | padding-right: 13px; 103 | position: relative; 104 | } 105 | .weui-cell__ft_in-access:after { 106 | content: " "; 107 | display: inline-block; 108 | height: 6px; 109 | width: 6px; 110 | border-width: 2px 2px 0 0; 111 | border-color: #C8C8CD; 112 | border-style: solid; 113 | -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 114 | transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 115 | position: relative; 116 | top: -2px; 117 | position: absolute; 118 | top: 50%; 119 | margin-top: -4px; 120 | right: 2px; 121 | } 122 | .weui-cell_link { 123 | color: #586C94; 124 | font-size: 14px; 125 | } 126 | .weui-cell_link:active { 127 | background-color: #ECECEC; 128 | } 129 | .weui-cell_link:first-child:before { 130 | display: block; 131 | } 132 | .weui-icon-radio { 133 | margin-left: 3.2px; 134 | margin-right: 3.2px; 135 | } 136 | .weui-icon-checkbox_circle, 137 | .weui-icon-checkbox_success { 138 | margin-left: 4.6px; 139 | margin-right: 4.6px; 140 | } 141 | .weui-check__label:active { 142 | background-color: #ECECEC; 143 | } 144 | .weui-check { 145 | position: absolute; 146 | left: -9999px; 147 | } 148 | .weui-check__hd_in-checkbox { 149 | padding-right: 0.35em; 150 | } 151 | .weui-cell__ft_in-radio { 152 | padding-left: 0.35em; 153 | } 154 | .weui-cell_input { 155 | padding-top: 0; 156 | padding-bottom: 0; 157 | } 158 | .weui-label { 159 | width: 105px; 160 | word-wrap: break-word; 161 | word-break: break-all; 162 | } 163 | .weui-input { 164 | height: 2.58823529em; 165 | min-height: 2.58823529em; 166 | line-height: 2.58823529em; 167 | } 168 | .weui-toptips { 169 | position: fixed; 170 | -webkit-transform: translateZ(0); 171 | transform: translateZ(0); 172 | top: 0; 173 | left: 0; 174 | right: 0; 175 | padding: 5px; 176 | font-size: 14px; 177 | text-align: center; 178 | color: #FFFFFF; 179 | z-index: 5000; 180 | word-wrap: break-word; 181 | word-break: break-all; 182 | } 183 | .weui-toptips_warn { 184 | background-color: #E64340; 185 | } 186 | .weui-textarea { 187 | display: block; 188 | width: 100%; 189 | } 190 | .weui-textarea-counter { 191 | color: #B2B2B2; 192 | text-align: right; 193 | } 194 | .weui-textarea-counter_warn { 195 | color: #E64340; 196 | } 197 | .weui-cell_warn { 198 | color: #E64340; 199 | } 200 | .weui-form-preview { 201 | position: relative; 202 | background-color: #FFFFFF; 203 | } 204 | .weui-form-preview:before { 205 | content: " "; 206 | position: absolute; 207 | left: 0; 208 | top: 0; 209 | right: 0; 210 | height: 1px; 211 | border-top: 1rpx solid #D9D9D9; 212 | color: #D9D9D9; 213 | } 214 | .weui-form-preview:after { 215 | content: " "; 216 | position: absolute; 217 | left: 0; 218 | bottom: 0; 219 | right: 0; 220 | height: 1px; 221 | border-bottom: 1rpx solid #D9D9D9; 222 | color: #D9D9D9; 223 | } 224 | .weui-form-preview__value { 225 | font-size: 14px; 226 | } 227 | .weui-form-preview__value_in-hd { 228 | font-size: 26px; 229 | } 230 | .weui-form-preview__hd { 231 | position: relative; 232 | padding: 10px 15px; 233 | text-align: right; 234 | line-height: 2.5em; 235 | } 236 | .weui-form-preview__hd:after { 237 | content: " "; 238 | position: absolute; 239 | left: 0; 240 | bottom: 0; 241 | right: 0; 242 | height: 1px; 243 | border-bottom: 1rpx solid #D9D9D9; 244 | color: #D9D9D9; 245 | left: 15px; 246 | } 247 | .weui-form-preview__bd { 248 | padding: 10px 15px; 249 | font-size: .9em; 250 | text-align: right; 251 | color: #999999; 252 | line-height: 2; 253 | } 254 | .weui-form-preview__ft { 255 | position: relative; 256 | line-height: 50px; 257 | display: -webkit-box; 258 | display: -webkit-flex; 259 | display: flex; 260 | } 261 | .weui-form-preview__ft:after { 262 | content: " "; 263 | position: absolute; 264 | left: 0; 265 | top: 0; 266 | right: 0; 267 | height: 1px; 268 | border-top: 1rpx solid #D5D5D6; 269 | color: #D5D5D6; 270 | } 271 | .weui-form-preview__item { 272 | overflow: hidden; 273 | } 274 | .weui-form-preview__label { 275 | float: left; 276 | margin-right: 1em; 277 | min-width: 4em; 278 | color: #999999; 279 | text-align: justify; 280 | text-align-last: justify; 281 | } 282 | .weui-form-preview__value { 283 | display: block; 284 | overflow: hidden; 285 | word-break: normal; 286 | word-wrap: break-word; 287 | } 288 | .weui-form-preview__btn { 289 | position: relative; 290 | display: block; 291 | -webkit-box-flex: 1; 292 | -webkit-flex: 1; 293 | flex: 1; 294 | color: #3CC51F; 295 | text-align: center; 296 | } 297 | .weui-form-preview__btn:after { 298 | content: " "; 299 | position: absolute; 300 | left: 0; 301 | top: 0; 302 | width: 1px; 303 | bottom: 0; 304 | border-left: 1rpx solid #D5D5D6; 305 | color: #D5D5D6; 306 | } 307 | .weui-form-preview__btn:first-child:after { 308 | display: none; 309 | } 310 | .weui-form-preview__btn_active { 311 | background-color: #EEEEEE; 312 | } 313 | .weui-form-preview__btn_default { 314 | color: #999999; 315 | } 316 | .weui-form-preview__btn_primary { 317 | color: #0BB20C; 318 | } 319 | .weui-cell_select { 320 | padding: 0; 321 | } 322 | .weui-select { 323 | position: relative; 324 | padding-left: 15px; 325 | padding-right: 30px; 326 | height: 2.58823529em; 327 | min-height: 2.58823529em; 328 | line-height: 2.58823529em; 329 | border-right: 1rpx solid #D9D9D9; 330 | } 331 | .weui-select:before { 332 | content: " "; 333 | display: inline-block; 334 | height: 6px; 335 | width: 6px; 336 | border-width: 2px 2px 0 0; 337 | border-color: #C8C8CD; 338 | border-style: solid; 339 | -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 340 | transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); 341 | position: relative; 342 | top: -2px; 343 | position: absolute; 344 | top: 50%; 345 | right: 15px; 346 | margin-top: -4px; 347 | } 348 | .weui-select_in-select-after { 349 | padding-left: 0; 350 | } 351 | .weui-cell__hd_in-select-after, 352 | .weui-cell__bd_in-select-before { 353 | padding-left: 15px; 354 | } 355 | .weui-cell_vcode { 356 | padding-right: 0; 357 | } 358 | .weui-vcode-img { 359 | margin-left: 5px; 360 | height: 2.58823529em; 361 | vertical-align: middle; 362 | } 363 | .weui-vcode-btn { 364 | display: inline-block; 365 | height: 2.58823529em; 366 | margin-left: 5px; 367 | padding: 0 0.6em 0 0.7em; 368 | border-left: 1px solid #E5E5E5; 369 | line-height: 2.58823529em; 370 | vertical-align: middle; 371 | font-size: 17px; 372 | color: #3CC51F; 373 | white-space: nowrap; 374 | } 375 | .weui-vcode-btn:active { 376 | color: #52a341; 377 | } 378 | .weui-cell_switch { 379 | padding-top: 6px; 380 | padding-bottom: 6px; 381 | } 382 | .weui-uploader__hd { 383 | display: -webkit-box; 384 | display: -webkit-flex; 385 | display: flex; 386 | padding-bottom: 10px; 387 | -webkit-box-align: center; 388 | -webkit-align-items: center; 389 | align-items: center; 390 | } 391 | .weui-uploader__title { 392 | -webkit-box-flex: 1; 393 | -webkit-flex: 1; 394 | flex: 1; 395 | } 396 | .weui-uploader__info { 397 | color: #B2B2B2; 398 | } 399 | .weui-uploader__bd { 400 | margin-bottom: -4px; 401 | margin-right: -9px; 402 | overflow: hidden; 403 | } 404 | .weui-uploader__file { 405 | float: left; 406 | margin-right: 9px; 407 | margin-bottom: 9px; 408 | } 409 | .weui-uploader__img { 410 | display: block; 411 | width: 79px; 412 | height: 79px; 413 | } 414 | .weui-uploader__file_status { 415 | position: relative; 416 | } 417 | .weui-uploader__file_status:before { 418 | content: " "; 419 | position: absolute; 420 | top: 0; 421 | right: 0; 422 | bottom: 0; 423 | left: 0; 424 | background-color: rgba(0, 0, 0, 0.5); 425 | } 426 | .weui-uploader__file-content { 427 | position: absolute; 428 | top: 50%; 429 | left: 50%; 430 | -webkit-transform: translate(-50%, -50%); 431 | transform: translate(-50%, -50%); 432 | color: #FFFFFF; 433 | } 434 | .weui-uploader__input-box { 435 | float: left; 436 | position: relative; 437 | margin-right: 9px; 438 | margin-bottom: 9px; 439 | width: 77px; 440 | height: 77px; 441 | border: 1px solid #D9D9D9; 442 | } 443 | .weui-uploader__input-box:before, 444 | .weui-uploader__input-box:after { 445 | content: " "; 446 | position: absolute; 447 | top: 50%; 448 | left: 50%; 449 | -webkit-transform: translate(-50%, -50%); 450 | transform: translate(-50%, -50%); 451 | background-color: #D9D9D9; 452 | } 453 | .weui-uploader__input-box:before { 454 | width: 2px; 455 | height: 39.5px; 456 | } 457 | .weui-uploader__input-box:after { 458 | width: 39.5px; 459 | height: 2px; 460 | } 461 | .weui-uploader__input-box:active { 462 | border-color: #999999; 463 | } 464 | .weui-uploader__input-box:active:before, 465 | .weui-uploader__input-box:active:after { 466 | background-color: #999999; 467 | } 468 | .weui-uploader__input { 469 | position: absolute; 470 | z-index: 1; 471 | top: 0; 472 | left: 0; 473 | width: 100%; 474 | height: 100%; 475 | opacity: 0; 476 | } 477 | .weui-article { 478 | padding: 20px 15px; 479 | font-size: 15px; 480 | } 481 | .weui-article__section { 482 | margin-bottom: 1.5em; 483 | } 484 | .weui-article__h1 { 485 | font-size: 18px; 486 | font-weight: 400; 487 | margin-bottom: .9em; 488 | } 489 | .weui-article__h2 { 490 | font-size: 16px; 491 | font-weight: 400; 492 | margin-bottom: .34em; 493 | } 494 | .weui-article__h3 { 495 | font-weight: 400; 496 | font-size: 15px; 497 | margin-bottom: .34em; 498 | } 499 | .weui-article__p { 500 | margin: 0 0 .8em; 501 | } 502 | .weui-msg { 503 | padding-top: 36px; 504 | text-align: center; 505 | } 506 | .weui-msg__link { 507 | display: inline; 508 | color: #586C94; 509 | } 510 | .weui-msg__icon-area { 511 | margin-bottom: 30px; 512 | } 513 | .weui-msg__text-area { 514 | margin-bottom: 25px; 515 | padding: 0 20px; 516 | } 517 | .weui-msg__title { 518 | margin-bottom: 5px; 519 | font-weight: 400; 520 | font-size: 20px; 521 | } 522 | .weui-msg__desc { 523 | font-size: 14px; 524 | color: #999999; 525 | } 526 | .weui-msg__opr-area { 527 | margin-bottom: 25px; 528 | } 529 | .weui-msg__extra-area { 530 | margin-bottom: 15px; 531 | font-size: 14px; 532 | color: #999999; 533 | } 534 | @media screen and (min-height: 438px) { 535 | .weui-msg__extra-area { 536 | position: fixed; 537 | left: 0; 538 | bottom: 0; 539 | width: 100%; 540 | text-align: center; 541 | } 542 | } 543 | .weui-flex { 544 | display: -webkit-box; 545 | display: -webkit-flex; 546 | display: flex; 547 | } 548 | .weui-flex__item { 549 | -webkit-box-flex: 1; 550 | -webkit-flex: 1; 551 | flex: 1; 552 | } 553 | .weui-btn { 554 | margin-top: 15px; 555 | } 556 | .weui-btn:first-child { 557 | margin-top: 0; 558 | } 559 | .weui-btn-area { 560 | margin: 1.17647059em 15px 0.3em; 561 | } 562 | .weui-agree { 563 | display: block; 564 | padding: .5em 15px; 565 | font-size: 13px; 566 | } 567 | .weui-agree__text { 568 | color: #999999; 569 | } 570 | .weui-agree__link { 571 | display: inline; 572 | color: #586C94; 573 | } 574 | .weui-agree__checkbox { 575 | position: absolute; 576 | left: -9999px; 577 | } 578 | .weui-agree__checkbox-icon { 579 | position: relative; 580 | top: 2px; 581 | display: inline-block; 582 | border: 1px solid #D1D1D1; 583 | background-color: #FFFFFF; 584 | border-radius: 3px; 585 | width: 11px; 586 | height: 11px; 587 | } 588 | .weui-agree__checkbox-icon-check { 589 | position: absolute; 590 | top: 1px; 591 | left: 1px; 592 | } 593 | .weui-footer { 594 | color: #999999; 595 | font-size: 14px; 596 | text-align: center; 597 | } 598 | .weui-footer_fixed-bottom { 599 | position: fixed; 600 | bottom: .52em; 601 | left: 0; 602 | right: 0; 603 | } 604 | .weui-footer__links { 605 | font-size: 0; 606 | } 607 | .weui-footer__link { 608 | display: inline-block; 609 | vertical-align: top; 610 | margin: 0 .62em; 611 | position: relative; 612 | font-size: 14px; 613 | color: #586C94; 614 | } 615 | .weui-footer__link:before { 616 | content: " "; 617 | position: absolute; 618 | left: 0; 619 | top: 0; 620 | width: 1px; 621 | bottom: 0; 622 | border-left: 1rpx solid #C7C7C7; 623 | color: #C7C7C7; 624 | left: -0.65em; 625 | top: .36em; 626 | bottom: .36em; 627 | } 628 | .weui-footer__link:first-child:before { 629 | display: none; 630 | } 631 | .weui-footer__text { 632 | padding: 0 .34em; 633 | font-size: 12px; 634 | } 635 | .weui-grids { 636 | border-top: 1rpx solid #D9D9D9; 637 | border-left: 1rpx solid #D9D9D9; 638 | overflow: hidden; 639 | } 640 | .weui-grid { 641 | position: relative; 642 | float: left; 643 | padding: 20px 10px; 644 | width: 33.33333333%; 645 | box-sizing: border-box; 646 | border-right: 1rpx solid #D9D9D9; 647 | border-bottom: 1rpx solid #D9D9D9; 648 | } 649 | .weui-grid_active { 650 | background-color: #ECECEC; 651 | } 652 | .weui-grid__icon { 653 | display: block; 654 | width: 28px; 655 | height: 28px; 656 | margin: 0 auto; 657 | } 658 | .weui-grid__label { 659 | margin-top: 5px; 660 | display: block; 661 | text-align: center; 662 | color: #000000; 663 | font-size: 14px; 664 | white-space: nowrap; 665 | text-overflow: ellipsis; 666 | overflow: hidden; 667 | } 668 | .weui-loading { 669 | margin: 0 5px; 670 | width: 20px; 671 | height: 20px; 672 | display: inline-block; 673 | vertical-align: middle; 674 | -webkit-animation: weuiLoading 1s steps(12, end) infinite; 675 | animation: weuiLoading 1s steps(12, end) infinite; 676 | background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat; 677 | background-size: 100%; 678 | } 679 | @-webkit-keyframes weuiLoading { 680 | 0% { 681 | -webkit-transform: rotate3d(0, 0, 1, 0deg); 682 | transform: rotate3d(0, 0, 1, 0deg); 683 | } 684 | 100% { 685 | -webkit-transform: rotate3d(0, 0, 1, 360deg); 686 | transform: rotate3d(0, 0, 1, 360deg); 687 | } 688 | } 689 | @keyframes weuiLoading { 690 | 0% { 691 | -webkit-transform: rotate3d(0, 0, 1, 0deg); 692 | transform: rotate3d(0, 0, 1, 0deg); 693 | } 694 | 100% { 695 | -webkit-transform: rotate3d(0, 0, 1, 360deg); 696 | transform: rotate3d(0, 0, 1, 360deg); 697 | } 698 | } 699 | .weui-badge { 700 | display: inline-block; 701 | padding: .15em .4em; 702 | min-width: 8px; 703 | border-radius: 18px; 704 | background-color: #F43530; 705 | color: #FFFFFF; 706 | line-height: 1.2; 707 | text-align: center; 708 | font-size: 12px; 709 | vertical-align: middle; 710 | } 711 | .weui-badge_dot { 712 | padding: .4em; 713 | min-width: 0; 714 | } 715 | .weui-loadmore { 716 | width: 65%; 717 | margin: 1.5em auto; 718 | line-height: 1.6em; 719 | font-size: 14px; 720 | text-align: center; 721 | } 722 | .weui-loadmore__tips { 723 | display: inline-block; 724 | vertical-align: middle; 725 | } 726 | .weui-loadmore_line { 727 | border-top: 1px solid #E5E5E5; 728 | margin-top: 2.4em; 729 | } 730 | .weui-loadmore__tips_in-line { 731 | position: relative; 732 | top: -0.9em; 733 | padding: 0 .55em; 734 | background-color: #FFFFFF; 735 | color: #999999; 736 | } 737 | .weui-loadmore__tips_in-dot { 738 | position: relative; 739 | padding: 0 .16em; 740 | width: 4px; 741 | height: 1.6em; 742 | } 743 | .weui-loadmore__tips_in-dot:before { 744 | content: " "; 745 | position: absolute; 746 | top: 50%; 747 | left: 50%; 748 | margin-top: -1px; 749 | margin-left: -2px; 750 | width: 4px; 751 | height: 4px; 752 | border-radius: 50%; 753 | background-color: #E5E5E5; 754 | } 755 | .weui-panel { 756 | background-color: #FFFFFF; 757 | margin-top: 10px; 758 | position: relative; 759 | overflow: hidden; 760 | } 761 | .weui-panel:first-child { 762 | margin-top: 0; 763 | } 764 | .weui-panel:before { 765 | content: " "; 766 | position: absolute; 767 | left: 0; 768 | top: 0; 769 | right: 0; 770 | height: 1px; 771 | border-top: 1rpx solid #E5E5E5; 772 | color: #E5E5E5; 773 | } 774 | .weui-panel:after { 775 | content: " "; 776 | position: absolute; 777 | left: 0; 778 | bottom: 0; 779 | right: 0; 780 | height: 1px; 781 | border-bottom: 1rpx solid #E5E5E5; 782 | color: #E5E5E5; 783 | } 784 | .weui-panel__hd { 785 | padding: 14px 15px 10px; 786 | color: #999999; 787 | font-size: 13px; 788 | position: relative; 789 | } 790 | .weui-panel__hd:after { 791 | content: " "; 792 | position: absolute; 793 | left: 0; 794 | bottom: 0; 795 | right: 0; 796 | height: 1px; 797 | border-bottom: 1rpx solid #E5E5E5; 798 | color: #E5E5E5; 799 | left: 15px; 800 | } 801 | .weui-media-box { 802 | padding: 15px; 803 | position: relative; 804 | } 805 | .weui-media-box:before { 806 | content: " "; 807 | position: absolute; 808 | left: 0; 809 | top: 0; 810 | right: 0; 811 | height: 1px; 812 | border-top: 1rpx solid #E5E5E5; 813 | color: #E5E5E5; 814 | left: 15px; 815 | } 816 | .weui-media-box:first-child:before { 817 | display: none; 818 | } 819 | .weui-media-box__title { 820 | font-weight: 400; 821 | font-size: 17px; 822 | width: auto; 823 | overflow: hidden; 824 | text-overflow: ellipsis; 825 | white-space: nowrap; 826 | word-wrap: normal; 827 | word-wrap: break-word; 828 | word-break: break-all; 829 | } 830 | .weui-media-box__desc { 831 | color: #999999; 832 | font-size: 13px; 833 | line-height: 1.2; 834 | overflow: hidden; 835 | text-overflow: ellipsis; 836 | display: -webkit-box; 837 | -webkit-box-orient: vertical; 838 | -webkit-line-clamp: 2; 839 | } 840 | .weui-media-box__info { 841 | margin-top: 15px; 842 | padding-bottom: 5px; 843 | font-size: 13px; 844 | color: #CECECE; 845 | line-height: 1em; 846 | list-style: none; 847 | overflow: hidden; 848 | } 849 | .weui-media-box__info__meta { 850 | float: left; 851 | padding-right: 1em; 852 | } 853 | .weui-media-box__info__meta_extra { 854 | padding-left: 1em; 855 | border-left: 1px solid #CECECE; 856 | } 857 | .weui-media-box__title_in-text { 858 | margin-bottom: 8px; 859 | } 860 | .weui-media-box_appmsg { 861 | display: -webkit-box; 862 | display: -webkit-flex; 863 | display: flex; 864 | -webkit-box-align: center; 865 | -webkit-align-items: center; 866 | align-items: center; 867 | } 868 | .weui-media-box__thumb { 869 | width: 100%; 870 | height: 100%; 871 | vertical-align: top; 872 | } 873 | .weui-media-box__hd_in-appmsg { 874 | margin-right: .8em; 875 | width: 60px; 876 | height: 60px; 877 | line-height: 60px; 878 | text-align: center; 879 | } 880 | .weui-media-box__bd_in-appmsg { 881 | -webkit-box-flex: 1; 882 | -webkit-flex: 1; 883 | flex: 1; 884 | min-width: 0; 885 | } 886 | .weui-media-box_small-appmsg { 887 | padding: 0; 888 | } 889 | .weui-cells_in-small-appmsg { 890 | margin-top: 0; 891 | } 892 | .weui-cells_in-small-appmsg:before { 893 | display: none; 894 | } 895 | .weui-progress { 896 | display: -webkit-box; 897 | display: -webkit-flex; 898 | display: flex; 899 | -webkit-box-align: center; 900 | -webkit-align-items: center; 901 | align-items: center; 902 | } 903 | .weui-progress__bar { 904 | -webkit-box-flex: 1; 905 | -webkit-flex: 1; 906 | flex: 1; 907 | } 908 | .weui-progress__opr { 909 | margin-left: 15px; 910 | font-size: 0; 911 | } 912 | .weui-navbar { 913 | display: -webkit-box; 914 | display: -webkit-flex; 915 | display: flex; 916 | position: absolute; 917 | z-index: 500; 918 | top: 0; 919 | width: 100%; 920 | border-bottom: 1rpx solid #CCCCCC; 921 | } 922 | .weui-navbar__item { 923 | position: relative; 924 | display: block; 925 | -webkit-box-flex: 1; 926 | -webkit-flex: 1; 927 | flex: 1; 928 | padding: 13px 0; 929 | text-align: center; 930 | font-size: 0; 931 | } 932 | .weui-navbar__item.weui-bar__item_on { 933 | color: #1AAD19; 934 | } 935 | .weui-navbar__slider { 936 | position: absolute; 937 | content: " "; 938 | left: 0; 939 | bottom: 0; 940 | width: 6em; 941 | height: 3px; 942 | background-color: #1AAD19; 943 | -webkit-transition: -webkit-transform .3s; 944 | transition: -webkit-transform .3s; 945 | transition: transform .3s; 946 | transition: transform .3s, -webkit-transform .3s; 947 | } 948 | .weui-navbar__title { 949 | display: inline-block; 950 | font-size: 15px; 951 | max-width: 8em; 952 | width: auto; 953 | overflow: hidden; 954 | text-overflow: ellipsis; 955 | white-space: nowrap; 956 | word-wrap: normal; 957 | } 958 | .weui-tab { 959 | position: relative; 960 | height: 100%; 961 | } 962 | .weui-tab__panel { 963 | box-sizing: border-box; 964 | height: 100%; 965 | padding-top: 50px; 966 | overflow: auto; 967 | -webkit-overflow-scrolling: touch; 968 | } 969 | .weui-search-bar { 970 | position: relative; 971 | padding: 8px 10px; 972 | display: -webkit-box; 973 | display: -webkit-flex; 974 | display: flex; 975 | box-sizing: border-box; 976 | background-color: #EFEFF4; 977 | border-top: 1rpx solid #D7D6DC; 978 | border-bottom: 1rpx solid #D7D6DC; 979 | } 980 | .weui-icon-search { 981 | margin-right: 8px; 982 | font-size: inherit; 983 | } 984 | .weui-icon-search_in-box { 985 | position: absolute; 986 | left: 10px; 987 | top: 7px; 988 | } 989 | .weui-search-bar__text { 990 | display: inline-block; 991 | font-size: 14px; 992 | vertical-align: middle; 993 | } 994 | .weui-search-bar__form { 995 | position: relative; 996 | -webkit-box-flex: 1; 997 | -webkit-flex: auto; 998 | flex: auto; 999 | border-radius: 5px; 1000 | background: #FFFFFF; 1001 | border: 1rpx solid #E6E6EA; 1002 | } 1003 | .weui-search-bar__box { 1004 | position: relative; 1005 | padding-left: 30px; 1006 | padding-right: 30px; 1007 | width: 100%; 1008 | box-sizing: border-box; 1009 | z-index: 1; 1010 | } 1011 | .weui-search-bar__input { 1012 | height: 28px; 1013 | line-height: 28px; 1014 | font-size: 14px; 1015 | } 1016 | .weui-icon-clear { 1017 | position: absolute; 1018 | top: 0; 1019 | right: 0; 1020 | padding: 7px 8px; 1021 | font-size: 0; 1022 | } 1023 | .weui-search-bar__label { 1024 | position: absolute; 1025 | top: 0; 1026 | right: 0; 1027 | bottom: 0; 1028 | left: 0; 1029 | z-index: 2; 1030 | border-radius: 3px; 1031 | text-align: center; 1032 | color: #9B9B9B; 1033 | background: #FFFFFF; 1034 | line-height: 28px; 1035 | } 1036 | .weui-search-bar__cancel-btn { 1037 | margin-left: 10px; 1038 | line-height: 28px; 1039 | color: #09BB07; 1040 | white-space: nowrap; 1041 | } 1042 | -------------------------------------------------------------------------------- /images/a32_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/a32_02.jpg -------------------------------------------------------------------------------- /images/blog_03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/blog_03.png -------------------------------------------------------------------------------- /images/card_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/card_03.jpg -------------------------------------------------------------------------------- /images/i_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_03.jpg -------------------------------------------------------------------------------- /images/i_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_05.jpg -------------------------------------------------------------------------------- /images/i_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_06.jpg -------------------------------------------------------------------------------- /images/i_07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_07.jpg -------------------------------------------------------------------------------- /images/i_08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_08.jpg -------------------------------------------------------------------------------- /images/i_09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_09.jpg -------------------------------------------------------------------------------- /images/i_10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_10.jpg -------------------------------------------------------------------------------- /images/i_11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_11.jpg -------------------------------------------------------------------------------- /images/i_12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_12.jpg -------------------------------------------------------------------------------- /images/i_13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_13.jpg -------------------------------------------------------------------------------- /images/i_15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_15.jpg -------------------------------------------------------------------------------- /images/i_16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_16.jpg -------------------------------------------------------------------------------- /images/i_17.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_17.jpg -------------------------------------------------------------------------------- /images/i_18.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/i_18.jpg -------------------------------------------------------------------------------- /images/icon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon1.png -------------------------------------------------------------------------------- /images/icon1s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon1s.png -------------------------------------------------------------------------------- /images/icon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon2.png -------------------------------------------------------------------------------- /images/icon2s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon2s.png -------------------------------------------------------------------------------- /images/icon3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon3.png -------------------------------------------------------------------------------- /images/icon3s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon3s.png -------------------------------------------------------------------------------- /images/icon4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon4.png -------------------------------------------------------------------------------- /images/icon4s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon4s.png -------------------------------------------------------------------------------- /images/icon_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon_03.jpg -------------------------------------------------------------------------------- /images/icon_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon_04.jpg -------------------------------------------------------------------------------- /images/icon_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/icon_06.jpg -------------------------------------------------------------------------------- /images/me_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/me_02.jpg -------------------------------------------------------------------------------- /images/me_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/me_05.jpg -------------------------------------------------------------------------------- /images/me_08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/me_08.jpg -------------------------------------------------------------------------------- /images/me_10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/me_10.jpg -------------------------------------------------------------------------------- /images/me_12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/me_12.jpg -------------------------------------------------------------------------------- /images/me_14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/me_14.jpg -------------------------------------------------------------------------------- /images/more.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/more.jpg -------------------------------------------------------------------------------- /images/n_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/n_03.jpg -------------------------------------------------------------------------------- /images/n_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/n_06.jpg -------------------------------------------------------------------------------- /images/quan_01_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/quan_01_03.jpg -------------------------------------------------------------------------------- /images/tels_03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/tels_03.png -------------------------------------------------------------------------------- /images/tels_05.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/leopardzhang/17tongcheng/0521ac8fa458abb52b4c50a52c6e446bfd3aacbd/images/tels_05.png -------------------------------------------------------------------------------- /pages/board/board.js: -------------------------------------------------------------------------------- 1 | // pages/board/board.js 2 | const common = require('../../common/common'); 3 | const banner = require('../../require/banner'); 4 | const app = getApp(); 5 | 6 | const bannerSrc = `${app.globalData.request}banner.php`; //banner 7 | 8 | Page({ 9 | data:{ 10 | swiper:{ //banner选项 11 | "autoplay": true, 12 | "indicatorDots": true 13 | }, 14 | board: {}, 15 | repeatList: [], 16 | inputValue: '', //文本框的内容 17 | cid: '', 18 | bottom: '', 19 | repeatFor: '', 20 | focusVal: false 21 | }, 22 | onLoad:function(options){ 23 | let openId = wx.getStorageSync('user').openid; 24 | let nickname = wx.getStorageSync('userInfo').nickName; 25 | var _this = this; 26 | //设置logo 27 | let logoUrl = wx.getStorageSync('logo'); 28 | _this.setData({ 29 | logoSrc: logoUrl, 30 | options: options 31 | }); 32 | //设置分类 33 | _this.setData({ 34 | cid: options.id 35 | }); 36 | //设置banner 37 | banner.fetchBanner.call(_this, bannerSrc, 2); 38 | wx.request({ 39 | url: `${app.globalData.request}newsshow.php`, 40 | data: {types:'show',id: options.id, openid: openId, nickname: nickname}, 41 | method: 'GET', 42 | success: function(res){ 43 | _this.setData({ 44 | board: res.data.show, 45 | repeatList: res.data.list 46 | }) 47 | }, 48 | fail: function(res) { 49 | common.showModal(); 50 | }, 51 | complete: function(res) { 52 | } 53 | }) 54 | }, 55 | onReady:function(){ 56 | // 页面渲染完成 57 | }, 58 | onShow:function(){ 59 | // 页面显示 60 | }, 61 | onHide:function(){ 62 | // 页面隐藏 63 | }, 64 | onUnload:function(){ 65 | // 页面关闭 66 | }, 67 | viewSearch: common.viewSearch, 68 | getVal: function(e){ 69 | this.setData({ 70 | inputValue: e.detail.value 71 | }) 72 | }, 73 | send: function(){ 74 | var _this = this; 75 | let openId = wx.getStorageSync('user').openid; 76 | let nickname = wx.getStorageSync('userInfo').nickName; 77 | if(_this.data.inputValue.length > 0){ 78 | wx.request({ 79 | url: `${app.globalData.request}pinglun.php`, 80 | data: {types: 'ping', body: _this.data.inputValue, aid: _this.data.cid, openid: openId, nickname: nickname}, 81 | method: 'GET', 82 | header: { 83 | "Content-Type": "application/json,application/json" 84 | }, 85 | success: function(res){ 86 | wx.request({ 87 | url: `${app.globalData.request}newsshow.php`, 88 | data: {types:'show',id: _this.data.options.id, openid: openId, nickname: nickname}, 89 | method: 'GET', 90 | success: function(res){ 91 | _this.setData({ 92 | board: res.data.show, 93 | repeatList: res.data.list 94 | }) 95 | }, 96 | fail: function(res) { 97 | common.showModal('留言失败', '请检查网络状态'); 98 | }, 99 | complete: function(res) { 100 | // complete 101 | } 102 | }) 103 | }, 104 | fail: function(res) { 105 | common.showModal('留言失败', '请检查网络状态'); 106 | }, 107 | complete: function(res) { 108 | _this.setData({ 109 | inputValue: '', 110 | bottom: 'bottom', 111 | repeatFor: '', 112 | focusVal: false 113 | }) 114 | } 115 | }) 116 | }else{ 117 | common.showModal('回复失败!1', '内容不能为空'); 118 | } 119 | }, 120 | repeat: function (e){ 121 | var _this = this; 122 | _this.setData({ 123 | repeatFor: e.currentTarget.dataset.cid, 124 | focusVal: true 125 | }) 126 | }, 127 | repeatSend: function(e){ 128 | var _this = this; 129 | let openId = wx.getStorageSync('user').openid; 130 | let nickname = wx.getStorageSync('userInfo').nickName; 131 | if(_this.data.inputValue.length > 0){ 132 | wx.request({ 133 | url: `${app.globalData.request}pinglun.php?types=huifu`, 134 | data: {pid_hf: _this.data.repeatFor, body: _this.data.inputValue, aid: _this.data.cid, openid: openId, nickname: nickname}, 135 | method: 'GET', 136 | success: function(res){ 137 | wx.request({ 138 | url: `${app.globalData.request}newsshow.php`, 139 | data: {types:'show',id: _this.data.options.id, openid: openId, nickname: nickname}, 140 | method: 'GET', 141 | success: function(res){ 142 | _this.setData({ 143 | board: res.data.show, 144 | repeatList: res.data.list 145 | }); 146 | wx.showToast({ 147 | title: '回复成功', 148 | icon: 'success', 149 | duration: 1000 150 | }) 151 | }, 152 | fail: function(res) { 153 | common.showModal('留言失败', '请检查网络状态'); 154 | }, 155 | complete: function(res) { 156 | // complete 157 | } 158 | }); 159 | }, 160 | fail: function(res) { 161 | common.showModal('留言失败', '请检查网络状态'); 162 | }, 163 | complete: function(res) { 164 | _this.setData({ 165 | inputValue: '', 166 | bottom: 'bottom', 167 | repeatFor: '', 168 | focusVal: false 169 | }) 170 | } 171 | }) 172 | } else{ 173 | common.showModal('回复失败!2', '内容不能为空'); 174 | } 175 | } 176 | }) -------------------------------------------------------------------------------- /pages/board/board.json: -------------------------------------------------------------------------------- 1 | {} -------------------------------------------------------------------------------- /pages/board/board.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |