8 changed files with 160 additions and 3 deletions
After Width: | Height: | Size: 6.3 KiB |
After Width: | Height: | Size: 6.9 KiB |
@ -0,0 +1,87 @@ |
|||||
|
// package/expertSystem/expertSystem.js
|
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
list: [ |
||||
|
{ |
||||
|
name: '刘国勇', |
||||
|
job: '信息化专家', |
||||
|
phone: '18170019996', |
||||
|
expertise: '信息化系统、物联网、结构监测', |
||||
|
img: '/images/liuguoyong.jpg', |
||||
|
}, |
||||
|
{ |
||||
|
name: '杨威', |
||||
|
job: '资深运维专家', |
||||
|
phone: '18888672373', |
||||
|
expertise: '系统运维、物联网', |
||||
|
img: '/images/yangwei.jpg', |
||||
|
}, |
||||
|
] |
||||
|
}, |
||||
|
|
||||
|
toCall(e) { |
||||
|
wx.makePhoneCall({ |
||||
|
phoneNumber: e.currentTarget.dataset.phone, |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad(options) { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom() { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage() { |
||||
|
|
||||
|
} |
||||
|
}) |
@ -0,0 +1,7 @@ |
|||||
|
{ |
||||
|
"navigationBarBackgroundColor": "#1979ff", |
||||
|
"navigationBarTextStyle": "white", |
||||
|
"navigationBarTitleText": "专家系统", |
||||
|
"enablePullDownRefresh": false, |
||||
|
"usingComponents": {} |
||||
|
} |
@ -0,0 +1,18 @@ |
|||||
|
<!--package/expertSystem/expertSystem.wxml--> |
||||
|
<view class="page"> |
||||
|
<view class="card flex flex-start" wx:for="{{list}}" wx:key="*this"> |
||||
|
<!-- <view class="img" style="background-color: beige;"></view> --> |
||||
|
<image class="img" src="{{item.img}}" mode="aspectFit" /> |
||||
|
<view class="right"> |
||||
|
<view class="right-top flex flex-between"> |
||||
|
<view class="name">{{item.name}}</view> |
||||
|
<button class="btn" size="mini" type="primary" bindtap="toCall" data-phone="{{item.phone}}">立即咨询</button> |
||||
|
</view> |
||||
|
<view class="right-bottom"> |
||||
|
<view class="info">职务:{{item.job}}</view> |
||||
|
<view class="info">电话:{{item.phone}}</view> |
||||
|
<view class="info">专业领域:{{item.expertise}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
@ -0,0 +1,36 @@ |
|||||
|
/* package/expertSystem/expertSystem.wxss */ |
||||
|
.page { |
||||
|
padding-bottom: 30px; |
||||
|
} |
||||
|
|
||||
|
.card { |
||||
|
box-sizing: border-box; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background-color: #fff; |
||||
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
||||
|
border-radius: 5px; |
||||
|
overflow: hidden; |
||||
|
margin-top: 10px; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.img { |
||||
|
width: 100px; |
||||
|
height: 100px; |
||||
|
margin-right: 10px; |
||||
|
} |
||||
|
|
||||
|
.right { |
||||
|
width: calc(100% - 110px); |
||||
|
} |
||||
|
|
||||
|
.btn { |
||||
|
background-color: #1979ff !important; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.info { |
||||
|
font-size: 14px; |
||||
|
color: #333; |
||||
|
} |
Loading…
Reference in new issue