diff --git a/pages/image/home/home-banner.png b/pages/image/home/home-banner.png
new file mode 100644
index 0000000..118e6bb
Binary files /dev/null and b/pages/image/home/home-banner.png differ
diff --git a/pages/image/home/home-head.png b/pages/image/home/home-head.png
new file mode 100644
index 0000000..ae79678
Binary files /dev/null and b/pages/image/home/home-head.png differ
diff --git a/pages/image/home/代办买药.png b/pages/image/home/代办买药.png
new file mode 100644
index 0000000..429eddf
Binary files /dev/null and b/pages/image/home/代办买药.png differ
diff --git a/pages/image/home/出入院办理.png b/pages/image/home/出入院办理.png
new file mode 100644
index 0000000..86e7749
Binary files /dev/null and b/pages/image/home/出入院办理.png differ
diff --git a/pages/image/home/取送结果.png b/pages/image/home/取送结果.png
new file mode 100644
index 0000000..3142e74
Binary files /dev/null and b/pages/image/home/取送结果.png differ
diff --git a/pages/image/home/就医陪诊-back.png b/pages/image/home/就医陪诊-back.png
new file mode 100644
index 0000000..6e3d789
Binary files /dev/null and b/pages/image/home/就医陪诊-back.png differ
diff --git a/pages/image/home/诊前约号.png b/pages/image/home/诊前约号.png
new file mode 100644
index 0000000..701aa3f
Binary files /dev/null and b/pages/image/home/诊前约号.png differ
diff --git a/pages/image/home/院内陪护-back.png b/pages/image/home/院内陪护-back.png
new file mode 100644
index 0000000..f33298b
Binary files /dev/null and b/pages/image/home/院内陪护-back.png differ
diff --git a/pages/index/index.js b/pages/index/index.js
index 2388181..188ad6f 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -1,81 +1,140 @@
-//获取应用实例
-var app = getApp();
+// pages/home/home.js
Page({
- data: {
- option1: [{
- text: '全部医院',
- value: 0
- },
- {
- text: '西京医院',
- value: 1
- },
- {
- text: '陕西省人民医院',
- value: 2
- },
- {
- text: '陕西省人民医院1',
- value: 5
- },
- ],
- value1: 0,
- version_number: '1.0',
- height: '',
- url: app.globalData.url,
- },
- onChange(e) {
- this.setData({
- timeData: e.detail,
- });
- },
- //生命周期回调——监听小程序启动或切前台。
- onShow: function () {
- this.getBannerAndCat();
- },
- //首页信息
- getBannerAndCat: function () {
- var that = this;
- wx.request({
- url: app.globalData.url + '/system/hospitalUserView/list',
- header: app.getRequestHeader(),
- method: 'GET',
- data: {
- },
- success: (res) => {
- var resp = res.data;
- if (res.data.code == 200) {
- that.setData({
- special_offer: resp.data,
- });
+ /**
+ * 页面的初始数据
+ */
+ data: {
+ bannerdata:[
+ "home-banner",
+ "home-banner",
+ "home-banner"
+ ],
+ itemView: [
+ {
+ icon: "诊前约号",
+ title: "诊前约号"
+ },
+ {
+ icon: "代办买药",
+ title: "代办买药"
+ },
+ {
+ icon: "取送结果",
+ title: "取送结果"
+ },
+ {
+ icon: "出入院办理",
+ title: "出入院办理"
}
- }
- });
- },
-
- // 跳转详情
- details(e) {
- if (e.currentTarget.dataset.item != 0) {
- let item = JSON.stringify(e.currentTarget.dataset.item);
- console.log("传递的item" + item);
- wx.navigateTo({
- // url: "/shopping/pages/goddess/goddess?item=" + item,
- url: "/pages/peihu/peihu",
- });
- }
- },
+ ],
+ hospitalData: [
+ {
+ img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
+ name: "西京医院",
+ grade: "三甲",
+ genre: "综合医院",
+ skiled: "消化内科、心血管内科",
+ address: "西安市高新区长乐西路127号",
+ id: "1"
+ },{
+ img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
+ name: "西京医院",
+ grade: "三甲",
+ genre: "综合医院",
+ skiled: "消化内科、心血管内科",
+ address: "西安市高新区长乐西路127号",
+ id: "1"
+ },{
+ img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
+ name: "西京医院",
+ grade: "三甲",
+ genre: "综合医院",
+ skiled: "消化内科、心血管内科",
+ address: "西安市高新区长乐西路127号",
+ id: "1"
+ },{
+ img: "https://bkimg.cdn.bcebos.com/pic/8326cffc1e178a828fa58d64f303738da877e85d?x-bce-process=image/resize,m_lfit,w_536,limit_1",
+ name: "西京医院",
+ grade: "三甲",
+ genre: "综合医院",
+ skiled: "消化内科、心血管内科",
+ address: "西安市高新区长乐西路127号",
+ id: "1"
+ }
+ ]
+ },
- onLoad() {
- var statusBarHeight = wx.getSystemInfoSync().statusBarHeight;
- this.setData({
- statusBarHeight: statusBarHeight,
- height: 46 + statusBarHeight,
- });
- },
- changeDateTime1(e) {
- this.setData({
- dateTime1: e.detail.value
- });
- },
-})
\ No newline at end of file
+ /**
+ * 诊前约号、代办买药、取送结果、出入院办理、就医陪诊、园内护理
+ */
+ itemClick (options) {
+ console.log(options.currentTarget.dataset.id)
+ },
+
+ /**
+ * 医院列表
+ */
+ listItemTap(options){
+ console.log(options),
+ wx.navigateTo({
+ url: '/pages/peihu/peihu',
+ })
+ },
+
+ /**
+ * 生命周期函数--监听页面加载
+ */
+ onLoad(options) {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面初次渲染完成
+ */
+ onReady() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面显示
+ */
+ onShow() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面隐藏
+ */
+ onHide() {
+
+ },
+
+ /**
+ * 生命周期函数--监听页面卸载
+ */
+ onUnload() {
+
+ },
+
+ /**
+ * 页面相关事件处理函数--监听用户下拉动作
+ */
+ onPullDownRefresh() {
+
+ },
+
+ /**
+ * 页面上拉触底事件的处理函数
+ */
+ onReachBottom() {
+
+ },
+
+ /**
+ * 用户点击右上角分享
+ */
+ onShareAppMessage() {
+
+ }
+ })
\ No newline at end of file
diff --git a/pages/index/index.json b/pages/index/index.json
index ede1a4a..776c690 100644
--- a/pages/index/index.json
+++ b/pages/index/index.json
@@ -1,12 +1,3 @@
{
- "usingComponents": {
- "van-count-down": "/miniprogram/miniprogram_npm/@vant/weapp/count-down/index",
- "van-dropdown-menu": "/miniprogram/miniprogram_npm/@vant/weapp/dropdown-menu/index",
- "van-dropdown-item": "/miniprogram/miniprogram_npm/@vant/weapp/dropdown-item/index",
- "van-calendar": "/miniprogram/miniprogram_npm/@vant/weapp/calendar/index",
- "van-cell": "/miniprogram/miniprogram_npm/@vant/weapp/cell/index",
- "van-nav-bar":"/miniprogram/miniprogram_npm/@vant/weapp/nav-bar/index"
- },
- "navigationBarTitleText": "服务列表"
-
-}
+ "usingComponents": {}
+ }
\ No newline at end of file
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index ea4febf..d186e67 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,44 +1,69 @@
-
-
-
-
-
-
- {{"服务列表"}}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{item.nickName}}
- （{{"陪护员"}}）
- {{"男"}}
- {{"女"}}
- {{item.experience}}经验
-
-
- {{item.introduce}}
-
-
-
-
-
+
+
+
+
+ 瑞莱健康
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{item.title}}
+
+
+
+
+
+
+
+
+
+
+
+ 就医陪诊
+ 专业陪诊
+ 全程无忧
+
+
+
+
+
+
+
+ 院内护理
+ 专业陪护
+ 家人般温暖
+
+
+
+
+
+
+
+
+
+
+ {{item.name}}
+
+ {{item.grade}}
+ {{item.genre}}
+
+ {{item.skiled}}
+ {{item.address}}
+
+
+
+
\ No newline at end of file
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index d397d31..9386c75 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -1,118 +1,210 @@
-@import "../../component/picker/picker.wxss";
-
-page{
- background: #F8F8F8;
- }
-
-
-.flex-item{
- display:flex;
- height: 270rpx;
- width: 670rpx;
- border-radius: 20rpx;
- margin-top: 20rpx;
- }
-.Discount {
- margin-left: 40rpx;
- margin-right: 40rpx;
-
+.content{
+ display: flex;
+ flex-direction: column;
}
-.Group {
- display: flex;
- }
-
- .Group-image {
- width: 128rpx;
- height: 128rpx;
- margin: 84rpx 40rpx 84rpx 40rpx;
- }
-
- .Group-image image {
- width: 100%;
- height: 100%;
- }
+.head-view{
+ width: 750rpx;
+ height: 420rpx;
+ position: absolute;
+}
-
- .content {
+.home-title{
+ position: relative;
+ font-weight: bold;
+ font-size: 48rpx;
+ color: #333333;
+ margin: 108rpx 0 0 40rpx;
+}
- width: auto;
- height: 201rpx;
- margin-top: 48rpx;
-
- }
-
+.head-view image{
+ width: 750rpx;
+ height: 420rpx;
+}
- .content .title1 {
- font-size: 36rpx;
- font-weight: 700;
- }
- .content .title2 {
- font-size: 30rpx;
- font-weight: 700;
- }
- .content .title3 {
- font-size: 32rpx;
- margin-left: 24rpx;
- }
- .content .title4 {
- font-size: 28rpx;
- color: #228BFE;
- width: 132rpx;
- height: 40rpx;
- text-align: center;
- background-color: #A5BBE0;
- border-radius: 20rpx;
- margin-left: 24rpx;
- }
-
- /* .content .title2 {
- font-size: 26rpx;
- display: flex;
- color: #B4B4B4;
- margin: 11rpx 0 18rpx 0;
- } */
-
- .content .title2 .house {
- width: 24rpx;
- height: 24rpx;
- margin-right: 7rpx;
- }
-
- .content .title2 .house image {
- width: 100%;
- height: 100%;
- }
-
- .content .tejia {
- display: flex;
- width: 446rpx;
- margin-top: 24rpx;
- }
+.banner{
+ position: relative;
+ align-self: center;
+ width: 670rpx;
+ height: 286rpx;
+ margin-top: 54rpx;
+ border-radius: 20rpx;
+ overflow: hidden;
+}
+.banner image{
+ width: 670rpx;
+ height: 286rpx;
+}
- .content .tejia .Price2 {
- font-size: 30rpx;
- color: #666666;
- line-height: 41rpx;
- margin-right: 23rpx;
- }
-
- .area {
- display: relative;
- flex-direction: column;
- align-items: center;
- height: 300rpx;
- }
- .area1 {
- height: 300rpx;
- width: 100%;
- }
+.item-view{
+ display: flex;
+ flex-direction: row;
+ margin: 30rpx 40rpx 0;
+}
- .van-nav-bar {
- background-color: #228BFE;
- }
+#block{
+ float: left;
+}
+.item-list{
+ display: flex;
+ flex-direction: column;
+ padding: 0 10rpx;
+ width: 160rpx;
+ height: 160rpx;
+ align-items: center;
+ justify-content: center;
+}
+.item-image{
+ width: 72rpx;
+ height: 72rpx;
+ align-items: center;
+}
-
+.item-image image{
+ width: 72rpx;
+ height: 72rpx;
+}
+
+.item-title{
+ padding-top: 10rpx;
+}
+
+.item-title text{
+ top: 20rpx;
+ font-size: 28rpx;
+ font-weight: normal;
+ color: #333333;
+}
+
+.main{
+ display: flex;
+ flex-direction: row;
+}
+
+.main-item{
+ display: flex;
+ flex-direction: column;
+ width: 375rpx;
+ height: 254rpx;
+}
+
+.main-item image{
+ position: absolute;
+ margin: 0;
+ width: 375rpx;
+ height: 254rpx;
+}
+
+.title-view{
+ display: flex;
+ position: relative;
+ flex-direction: column;
+}
+
+.main-title{
+ margin-left: 64rpx;
+ margin-top: 60rpx;
+ font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+ color: #345170;
+ font-size: 36rpx;
+}
+
+.sub-title{
+ margin-left: 64rpx;
+ margin-top: 5rpx;
+ font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+ font-size: 24rpx;
+ color: #345170;
+}
+
+.list-hospital{
+ display: flex;
+ flex-direction: column;
+}
+
+.list-item{
+ display: flex;
+ flex-direction: row;
+ padding: 30rpx 40rpx;
+}
+
+.img-back{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ box-shadow: 0 0 10rpx #A6BBE1;
+ width: 220rpx;
+ height: 220rpx;
+ border-radius: 20rpx;
+ overflow: hidden;
+}
+
+.list-item image{
+ width: 180rpx;
+ height: 180rpx;
+ border-radius: 90rpx;
+ overflow: hidden;
+}
+
+.list-info{
+ display: flex;
+ flex-direction: column;
+ margin-left: 32rpx;
+}
+
+.name{
+ margin-left: 32rpx;
+ margin-top: 0;
+ font-weight: bold;
+ font-size: 32rpx;
+ color: #333333;
+}
+
+.list-lable{
+ display: flex;
+ flex-direction: row;
+}
+
+.grade{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-left: 32rpx;
+ margin-top: 16rpx;
+ width: 90rpx;
+ height: 40rpx;
+ background: -webkit-linear-gradient(left,#1F92FF,#1FC6FF);
+ border-radius: 20rpx 20rpx 20rpx 0;
+ color: white;
+ font-size: 24rpx;
+}
+
+.genre{
+ display: flex;
+ align-items: center;
+ height: 40rpx;
+ margin-left: 16rpx;
+ margin-top: 16rpx;
+ padding: 0 20rpx;
+ background: -webkit-linear-gradient(left,#F4B616,#FF9A16);
+ color: white;
+ border-radius: 20rpx;
+ font-size: 24rpx;
+}
+
+.skiled{
+ margin-left: 32rpx;
+ margin-top: 24rpx;
+ font-size: 30rpx;
+ color: #666666;
+}
+
+.address{
+ margin-left: 32rpx;
+ margin-top: 24rpx;
+ font-size: 30rpx;
+ color: #666666;
+}
\ No newline at end of file