├── pages ├── index │ ├── index.json │ ├── index.wxss │ ├── index.js │ └── index.wxml ├── user │ ├── user.wxml │ ├── user.json │ ├── user.js │ └── user.wxss ├── login │ ├── login.js │ ├── login.json │ ├── login.wxml │ └── login.wxss ├── car_source │ ├── car_source.json │ ├── car_source.js │ ├── car_source.wxml │ └── car_source.wxss └── search_car │ ├── search_car.json │ ├── search_car.js │ ├── search_car.wxss │ └── search_car.wxml ├── images ├── logo.png ├── desk_bid@2x.png ├── desk_massage@2x.png ├── desk_order@2x.png ├── desk_publish@2x.png ├── home_finance@2x.png ├── tab_home_def@2x.png ├── tab_home_sel@2x.png ├── tab_user_def@2x.png ├── tab_user_sel@2x.png ├── home_headlines@2x.png ├── icon_find_car@2x.png ├── tab_search_def@2x.png ├── tab_search_sel@2x.png ├── home_car_source@2x.png ├── home_logistical@2x.png ├── car_parallel_import@2x.png ├── tab_car_source_def@2x.png └── tab_car_source_sel@2x.png ├── jsconfig.json ├── app.wxss ├── README.md ├── app.js ├── utils └── util.js └── app.json /pages/index/index.json: -------------------------------------------------------------------------------- 1 | { 2 | 3 | } -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/logo.png -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | 4 | }, 5 | "exclude": [ 6 | ] 7 | } -------------------------------------------------------------------------------- /images/desk_bid@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/desk_bid@2x.png -------------------------------------------------------------------------------- /images/desk_massage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/desk_massage@2x.png -------------------------------------------------------------------------------- /images/desk_order@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/desk_order@2x.png -------------------------------------------------------------------------------- /images/desk_publish@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/desk_publish@2x.png -------------------------------------------------------------------------------- /images/home_finance@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/home_finance@2x.png -------------------------------------------------------------------------------- /images/tab_home_def@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_home_def@2x.png -------------------------------------------------------------------------------- /images/tab_home_sel@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_home_sel@2x.png -------------------------------------------------------------------------------- /images/tab_user_def@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_user_def@2x.png -------------------------------------------------------------------------------- /images/tab_user_sel@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_user_sel@2x.png -------------------------------------------------------------------------------- /images/home_headlines@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/home_headlines@2x.png -------------------------------------------------------------------------------- /images/icon_find_car@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/icon_find_car@2x.png -------------------------------------------------------------------------------- /images/tab_search_def@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_search_def@2x.png -------------------------------------------------------------------------------- /images/tab_search_sel@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_search_sel@2x.png -------------------------------------------------------------------------------- /images/home_car_source@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/home_car_source@2x.png -------------------------------------------------------------------------------- /images/home_logistical@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/home_logistical@2x.png -------------------------------------------------------------------------------- /images/car_parallel_import@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/car_parallel_import@2x.png -------------------------------------------------------------------------------- /images/tab_car_source_def@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_car_source_def@2x.png -------------------------------------------------------------------------------- /images/tab_car_source_sel@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/getweapp/weapp-cheyuanbao/HEAD/images/tab_car_source_sel@2x.png -------------------------------------------------------------------------------- /pages/user/user.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{text}} 4 | 5 | -------------------------------------------------------------------------------- /pages/login/login.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data:{ 3 | text:"Page login" 4 | }, 5 | onLoad:function(options){ 6 | // 页面初始化 options为页面跳转所带来的参数 7 | } 8 | }) -------------------------------------------------------------------------------- /app.wxss: -------------------------------------------------------------------------------- 1 | /**app.wxss**/ 2 | .container { 3 | height: 100%; 4 | display: flex; 5 | flex-direction: column; 6 | justify-content: space-between; 7 | box-sizing: border-box; 8 | } 9 | -------------------------------------------------------------------------------- /pages/user/user.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundTextStyle": "light", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTitleText": "我", 5 | "navigationBarTextStyle": "black" 6 | } -------------------------------------------------------------------------------- /pages/login/login.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundTextStyle": "light", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTitleText": "登录", 5 | "navigationBarTextStyle": "black" 6 | } -------------------------------------------------------------------------------- /pages/car_source/car_source.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundTextStyle": "light", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTitleText": "车源", 5 | "navigationBarTextStyle": "black" 6 | } -------------------------------------------------------------------------------- /pages/search_car/search_car.json: -------------------------------------------------------------------------------- 1 | { 2 | "backgroundTextStyle": "light", 3 | "navigationBarBackgroundColor": "#fff", 4 | "navigationBarTitleText": "寻车广场", 5 | "navigationBarTextStyle": "black" 6 | } -------------------------------------------------------------------------------- /pages/user/user.js: -------------------------------------------------------------------------------- 1 | Page({ 2 | data:{ 3 | loginIn:false //登录状态 4 | }, 5 | onLoad:function(options){ 6 | // 页面初始化 options为页面跳转所带来的参数 7 | var that = this; 8 | if(!that.data.loginIn){ 9 | wx.navigateTo({ 10 | url:'../login/login' 11 | }); 12 | } 13 | } 14 | }) -------------------------------------------------------------------------------- /pages/user/user.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | height: 100%; 3 | display: flex; 4 | flex-direction: column; 5 | align-items: center; 6 | justify-content: space-between; 7 | padding: 200rpx 0; 8 | box-sizing: border-box; 9 | } 10 | 11 | .textStyle { 12 | display: flex; 13 | flex-direction: column; 14 | align-items: center; 15 | } 16 | 17 | .textContainer { 18 | margin-top: 200px; 19 | } -------------------------------------------------------------------------------- /pages/search_car/search_car.js: -------------------------------------------------------------------------------- 1 | var util = require('../../utils/util'); 2 | 3 | Page({ 4 | data:{ 5 | findList:null 6 | }, 7 | setFindList: function(){ 8 | let that = this; 9 | util.fetch('http://api.cyb.kuaiqiangche.com/findcar/find_list?page=1',function(data){ 10 | that.setData({ 11 | findList: data.data 12 | }) 13 | }) 14 | }, 15 | onLoad:function(options){ 16 | // 页面初始化 options为页面跳转所带来的参数 17 | let that = this; 18 | that.setFindList(); 19 | } 20 | }) -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 微信小程序－车源宝 2 | 3 | ### 说明： 4 | 5 | 实现车源宝客户端部分功能，包括首页，车源，寻车，登录等页面。 6 | 7 | ### 数据接口: 8 | 9 | 使用本地数据 10 | 11 | ### 目录结构： 12 | 13 | - images — 存放项目图片文件 14 | - pages — 存放项目页面相关文件，包括car_source,index,login,search_car,user等页面 15 | - store — 存放数据接口文件 16 | - utils — 存放时间格式化等文件 17 | 18 | ### 开发环境： 19 | 20 | 微信web开发者工具 v0.10.102800 21 | 22 | ### 项目截图： 23 | 24 | https://www.getweapp.com/project?projectId=5833cdc3bb2538f8186c7091 25 | 26 | ### 感谢： 27 | 28 | 本项目原始版本由marathoncoder提供：https://github.com/marathoncoder/cyb_wx -------------------------------------------------------------------------------- /pages/login/login.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 11 | 12 | 忘记密码 13 | 注册 14 | 15 | 16 | -------------------------------------------------------------------------------- /pages/login/login.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | height: 100%; 3 | } 4 | .logo{ 5 | border-top: 1px #f2f2f2 solid; 6 | padding: 100px 0; 7 | text-align: center; 8 | } 9 | .logo image{ 10 | width: 280rpx; 11 | height: 85rpx; 12 | } 13 | .login-txt{ 14 | background: #fff2e9; 15 | font-size: 24rpx; 16 | text-align: center; 17 | color:#333; 18 | padding: 15rpx; 19 | margin-bottom: 5rpx; 20 | } 21 | .login-btn{ 22 | background: #ec6238; 23 | border: 0; 24 | color: #fff; 25 | font-size: 24rpx; 26 | padding: 15rpx; 27 | margin: 100rpx 20rpx 20rpx 20rpx; 28 | } 29 | .forget-reg{ 30 | font-size: 24rpx; 31 | color: #ec6238; 32 | margin: 0 30rpx; 33 | } 34 | .reg{ 35 | float: right; 36 | } -------------------------------------------------------------------------------- /pages/car_source/car_source.js: -------------------------------------------------------------------------------- 1 | var util = require('../../utils/util'); 2 | 3 | Page({ 4 | data: { 5 | recommendSources: null, 6 | importCar: null, 7 | hotCar: null, 8 | commonCar: null, 9 | }, 10 | /** 11 | * 热门车型和主品牌 12 | */ 13 | fetchData: function () { 14 | let that = this; 15 | util.fetch('http://api.cyb.kuaiqiangche.com/car/brand_list', function (data) { 16 | let brandList = []; 17 | let common = data.data.common; 18 | for (let k in common) { 19 | brandList.push(common[k]); 20 | } 21 | that.setData({ 22 | hotCar: data.data.hot, 23 | commonCar: brandList 24 | }); 25 | }); 26 | }, 27 | onLoad: function (options) { 28 | let that = this; 29 | that.fetchData(); 30 | } 31 | }) -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | //app.js 2 | App({ 3 | onLaunch: function () { 4 | //调用API从本地缓存中获取数据 5 | var logs = wx.getStorageSync('logs') || [] 6 | logs.unshift(Date.now()) 7 | wx.setStorageSync('logs', logs) 8 | }, 9 | getUserInfo:function(cb){ 10 | var that = this; 11 | if(this.globalData.userInfo){ 12 | typeof cb == "function" && cb(this.globalData.userInfo) 13 | }else{ 14 | //调用登录接口 15 | wx.login({ 16 | success: function () { 17 | wx.getUserInfo({ 18 | success: function (res) { 19 | that.globalData.userInfo = res.userInfo; 20 | typeof cb == "function" && cb(that.globalData.userInfo) 21 | } 22 | }) 23 | } 24 | }); 25 | } 26 | }, 27 | globalData:{ 28 | userInfo:null 29 | } 30 | }) 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /pages/search_car/search_car.wxss: -------------------------------------------------------------------------------- 1 | .container { 2 | height: 100%; 3 | background: #f2f2f2; 4 | font-size: 24rpx; 5 | color:#333; 6 | } 7 | 8 | .find-list{ 9 | background: #fff; 10 | margin-top: 20rpx; 11 | padding: 20rpx 30rpx 10rpx 20px; 12 | /*border-top: 1px #f1f1f1 solid;*/ 13 | /*border-bottom: 1px #c2c2c2 solid;*/ 14 | } 15 | .find-items{ 16 | display: flex; 17 | flex: 1; 18 | margin-bottom: 15rpx; 19 | flex-direction: row; 20 | position: relative; 21 | } 22 | .find-icon{ 23 | width: 30rpx; 24 | height: 30rpx; 25 | line-height: 30rpx; 26 | margin-right: 10rpx; 27 | } 28 | .series{ 29 | padding-top: 5rpx; 30 | } 31 | .find-type{ 32 | color:#ec5c30; 33 | padding-top: 5rpx; 34 | position: absolute; 35 | right:0; 36 | text-align: right; 37 | } 38 | .font-type{ 39 | color:#aaa; 40 | } 41 | .font-type-1{ 42 | position: absolute; 43 | right:0; 44 | text-align: right; 45 | } 46 | .channel{ 47 | margin-right: 10rpx; 48 | } 49 | .earnest-money{ 50 | color:#ec5c30; 51 | } -------------------------------------------------------------------------------- /utils/util.js: -------------------------------------------------------------------------------- 1 | function formatTime(date) { 2 | var year = new Date(date).getFullYear() 3 | var month = new Date(date).getMonth() + 1 4 | var day = new Date(date).getDate() 5 | 6 | var hour = new Date(date).getHours() 7 | var minute = new Date(date).getMinutes() 8 | var second = new Date(date).getSeconds(); 9 | 10 | 11 | return [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute, second].map(formatNumber).join(':') 12 | } 13 | 14 | function formatNumber(n) { 15 | n = n.toString() 16 | return n[1] ? n : '0' + n 17 | } 18 | 19 | function fetchURL(url, callback) { 20 | return fetch(url) 21 | .then(function (response) { 22 | if (response.status == 200) { 23 | return response.json(); 24 | } 25 | }).then(function (data) { 26 | // console.log(data); 27 | if (typeof callback == 'function') { 28 | callback(data); 29 | } 30 | }) 31 | } 32 | 33 | module.exports = { 34 | formatTime: formatTime, 35 | formatNumber: formatNumber, 36 | fetch: fetchURL 37 | } 38 | -------------------------------------------------------------------------------- /pages/search_car/search_car.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | {{items.series}} {{items.market_price}}万 6 | 竞价中 7 | 8 | 9 | {{items.type}} 10 | {{items.oncard_province}} {{items.oncard_city}} 11 | 12 | 13 | 14 | 中规 15 | {{items.out_color}}/{{items.in_color}} 16 | 17 | 18 | 剩:{{items.surplus_time}} 19 | 20 | 21 | 22 | 己冻结诚意金{{items.earnest_money}}元 23 | 24 | 25 | -------------------------------------------------------------------------------- /pages/index/index.wxss: -------------------------------------------------------------------------------- 1 | /**index.wxss**/ 2 | .home-wrap{ 3 | background: #f2f2f2; 4 | } 5 | .banner{ 6 | width: 100%; 7 | height: 300rpx; 8 | } 9 | .scroll-txt{ 10 | text-align: center; 11 | background: #fff; 12 | margin: 10rpx 0; 13 | padding: 10rpx 0 15rpx 0; 14 | color: #333; 15 | } 16 | .scroll-ads{ 17 | text-align: center; 18 | font-size: 20rpx; 19 | } 20 | .ads-list{ 21 | display: flex; 22 | flex-direction: row; 23 | flex:1; 24 | margin-bottom: 1rpx; 25 | } 26 | .ads-item{ 27 | flex:1; 28 | } 29 | .sub-banner{ 30 | width: 100%; 31 | height: 120px; 32 | } 33 | 34 | .workbench{ 35 | font-size: 20rpx; 36 | background: #fff; 37 | padding-bottom: 30rpx; 38 | margin-bottom:10rpx; 39 | color: #333; 40 | } 41 | .workbench .title{ 42 | font-size:20rpx; 43 | padding: 20rpx 20rpx; 44 | margin-bottom: 40rpx; 45 | display: block; 46 | } 47 | .workbench .list{ 48 | display: flex; 49 | flex-direction: row; 50 | flex:1; 51 | } 52 | .workbench .items{ 53 | width: 100rpx; 54 | flex:1; 55 | text-align: center; 56 | } 57 | .workbench .items image{ 58 | width: 100rpx; 59 | height: 100rpx; 60 | } 61 | .workbench .items image.service-icon{ 62 | width: 50rpx; 63 | height: 50rpx; 64 | } 65 | .workbench .items text{ 66 | display: block; 67 | text-align: center; 68 | margin-top: 10rpx; 69 | } -------------------------------------------------------------------------------- /pages/car_source/car_source.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 热门品牌 7 | 8 | 9 | 10 | {{item.name}} 11 | 12 | 13 | 14 | 15 | 平行进口车 16 | 17 | 18 | 平行进口 19 | 20 | 21 | 22 | 23 | {{common.alpha}} 24 | 25 | 26 | 27 | {{brand.name}} 28 | 29 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /pages/index/index.js: -------------------------------------------------------------------------------- 1 | //index.js 2 | //获取应用实例 3 | var app = getApp() 4 | var util = require('../../utils/util'); 5 | 6 | Page({ 7 | data: { 8 | banner: null, 9 | autoplay: true, 10 | interval: 2000, 11 | duration: 1000, 12 | txtAds: null, 13 | advertise: null 14 | }, 15 | /* 16 | * 首页banner 17 | */ 18 | setBanner: function () { 19 | let that = this; 20 | util.fetch('http://api.cyb.kuaiqiangche.com/event/advertise/banner', function (data) { 21 | that.setData({ 22 | banner: data.data 23 | }); 24 | }); 25 | }, 26 | /** 27 | * 首页文字广告 28 | */ 29 | setTxtAds: function(){ 30 | let that = this; 31 | util.fetch('http://api.cyb.kuaiqiangche.com/event/advertise/roll', function (data) { 32 | that.setData({ 33 | txtAds: data.data[0] 34 | }); 35 | }); 36 | }, 37 | /** 38 | * 首页两块子banner 39 | */ 40 | setSubBanner: function(){ 41 | let that = this; 42 | util.fetch('http://api.cyb.kuaiqiangche.com/event/advertise/index', function (data) { 43 | that.setData({ 44 | advertise: data.data 45 | }); 46 | }); 47 | }, 48 | /** 49 | * 模块入口 50 | */ 51 | setModule: function(){ 52 | 53 | }, 54 | /** 55 | * 入口 56 | */ 57 | onLoad: function () { 58 | var that = this; 59 | that.setBanner(); 60 | that.setTxtAds(); 61 | that.setSubBanner(); 62 | that.setModule(); 63 | } 64 | }); -------------------------------------------------------------------------------- /app.json: -------------------------------------------------------------------------------- 1 | { 2 | "pages": [ 3 | "pages/index/index", 4 | "pages/car_source/car_source", 5 | "pages/search_car/search_car", 6 | "pages/user/user", 7 | "pages/login/login" 8 | ], 9 | "window": { 10 | "backgroundTextStyle": "light", 11 | "navigationBarBackgroundColor": "#fff", 12 | "navigationBarTitleText": "车源宝微信版", 13 | "navigationBarTextStyle": "black" 14 | }, 15 | "tabBar": { 16 | "color":"#a0a0a0", 17 | "selectedColor":"#ec5c30", 18 | "backgroundColor":"#f2f2f2", 19 | "borderStyle":"white", 20 | "list": [ 21 | { 22 | "pagePath": "pages/index/index", 23 | "text": "首页", 24 | "iconPath":"images/tab_home_def@2x.png", 25 | "selectedIconPath":"images/tab_home_sel@2x.png" 26 | }, 27 | { 28 | "pagePath": "pages/car_source/car_source", 29 | "text": "车源", 30 | "iconPath":"images/tab_car_source_def@2x.png", 31 | "selectedIconPath":"images/tab_car_source_sel@2x.png" 32 | }, 33 | { 34 | "pagePath": "pages/search_car/search_car", 35 | "text": "寻车", 36 | "iconPath":"images/tab_search_def@2x.png", 37 | "selectedIconPath":"images/tab_search_sel@2x.png" 38 | }, 39 | { 40 | "pagePath": "pages/user/user", 41 | "text": "我", 42 | "iconPath":"images/tab_user_def@2x.png", 43 | "selectedIconPath":"images/tab_user_sel@2x.png" 44 | } 45 | ] 46 | } 47 | } -------------------------------------------------------------------------------- /pages/car_source/car_source.wxss: -------------------------------------------------------------------------------- 1 | .container{ 2 | background: #f2f2f2; 3 | } 4 | .search_bar{ 5 | position:fixed; 6 | background: #fff; 7 | padding: 10rpx 0; 8 | border-top:1px #f8f8f8 solid; 9 | width: 100%; 10 | } 11 | .search_bar_txt{ 12 | background: #f2f2f2; 13 | border-radius: 30px; 14 | font-size: 20rpx; 15 | padding: 10rpx 30rpx; 16 | margin: 0 50rpx; 17 | } 18 | .recommended, .hot-brand{ 19 | margin-top: 50px; 20 | } 21 | .source_title{ 22 | font-size: 20rpx; 23 | color: #333; 24 | display: block; 25 | padding: 20rpx 30rpx; 26 | display: block; 27 | } 28 | .car-parallel{ 29 | background: #fff; 30 | padding: 10rpx; 31 | } 32 | .car-parallel-icon{ 33 | width: 50rpx; 34 | height: 50rpx; 35 | vertical-align: middle; 36 | padding-left: 20rpx; 37 | margin-right: 20rpx; 38 | } 39 | .car-parallel-txt{ 40 | font-size: 20rpx; 41 | color: #333; 42 | } 43 | .hot-list{ 44 | display: flex; 45 | flex-direction: row; 46 | flex-wrap: wrap; 47 | flex:1; 48 | } 49 | .hot-item{ 50 | /*flex:1;*/ 51 | text-align: center; 52 | border:1px #f2f2f2 solid; 53 | background: #fff; 54 | margin-left: -1px; 55 | margin-top: -1px; 56 | width: 148rpx; 57 | text-align: center; 58 | } 59 | .hot-item image{ 60 | width: 50rpx; 61 | height:50rpx; 62 | margin: 20rpx 0; 63 | } 64 | .hot-item text{ 65 | font-size: 20rpx; 66 | display: block; 67 | color: #333; 68 | margin-bottom: 20rpx; 69 | } 70 | .alpha{ 71 | font-size: 20rpx; 72 | color: #333; 73 | display: block; 74 | padding: 10rpx 30rpx; 75 | } 76 | .brand-list-item{ 77 | background: #fff; 78 | } 79 | .brand-items{ 80 | display: block; 81 | flex: 1; 82 | flex-direction: row; 83 | border-bottom: 1px #f2f2f2 solid; 84 | padding: 20rpx 0; 85 | } 86 | .brand-items image{ 87 | width: 50rpx; 88 | height: 50rpx; 89 | vertical-align: middle; 90 | margin: 0 30rpx; 91 | } 92 | .brand-items text{ 93 | font-size: 20rpx; 94 | color: #333; 95 | } -------------------------------------------------------------------------------- /pages/index/index.wxml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | {{txtAds.title}} 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 工作台 21 | 22 | 23 | 24 | 发布车源 25 | 26 | 27 | 28 | 户准寻车 29 | 30 | 31 | 32 | 我的订单 33 | 34 | 35 | 36 | 通知消息 37 | 38 | 39 | 40 | 41 | 服务 42 | 43 | 44 | 45 | 车源管理 46 | 47 | 48 | 49 | 物流管理 50 | 51 | 52 | 53 | 车商金融 54 | 55 | 56 | 57 | 车市头条 58 | 59 | 60 | 61 | --------------------------------------------------------------------------------