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