xinyilu/xinelu-applet-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页+兑换记录

Browse Source
This commit is contained in:
闫晓茹 2023-09-27 13:50:42 +08:00
parent d25a8e21b8
commit b8b5f0cd2f
16 changed files with 201 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
pages/homepage/homepage.scss Normal file
View File

@ -0,0 +1,100 @@
.app {
height: 100vh;
background-color: #F7F5F5;
.contentbottom {
width: 95%;
height: 446rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
transform: translateY(-16%);
.item {
display: flex;
.signmyself {
display: inline-block;
width: 48%;
padding: 30rpx 10rpx 0 20rpx;
image {
width: 100%;
height: 278rpx;
}
}
.sign {
display: inline-block;
padding: 30rpx 0 0 0;
width: 48%;
image {
display: block;
width: 100%;
height: 132rpx;
margin-bottom: 10rpx;
}
}
}
.health {
padding: 30rpx 30rpx 0 30rpx;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 38rpx;
}
}
.contentcenter {
width: 96%;
height: 446rpx;
background: #FFFFFF;
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
border-radius: 5rpx;
margin: 0 auto;
transform: translateY(-20%);
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 38rpx 2% 8rpx 88rpx;
.home {
width: 32%;
image {
width: 102rpx;
height: 102rpx;
}
}
}
.content {
position: relative;
image {
width: 100%;
height: 562rpx;
}
.loginmount {
position: absolute;
top: 12%;
left: 7%;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #717070;
image {
width: 22rpx;
height: 12rpx;
}
}
}
}

99
pages/homepage/homepage.vue
View File

@ -1,13 +1,70 @@
<template> <template>
<view class="content"> <view class="app">
<view class="text-area"> <view class="content">
<text class="title">{{title}}</text> <image src="/static/pageC/homepage.png" mode=""></image>
<view class="loginmount">
<image src="/static/pageC/TAB.png" mode=""></image>
你好，请登录
</view>
</view>
<view class="contentcenter">
<view class="home">
<image src="/static/pageC/qianyue.png" mode=""></image>
<view class="">
家医签约
</view>
</view>
<view class="home">
<image src="/static/pageC/health.png" mode=""></image>
<view class="">
健康档案
</view>
</view>
<view class="home">
<image src="/static/pageC/SERVERECOD.png" mode=""></image>
<view class="">
服务预约
</view>
</view>
<view class="home">
<image src="/static/pageC/exchange.png" mode=""></image>
<view class="">
积分兑换
</view>
</view>
<view class="home">
<image src="/static/pageC/appointmen.png" mode=""></image>
<view class="">
我的预约
</view>
</view>
<view class="home">
<image src="/static/pageC/SERVERECOD.png" mode=""></image>
<view class="">
服务记录
</view>
</view>
</view>
<view class="contentbottom">
<view class="health">
健康管理
</view>
<view class="item">
<view class="signmyself">
<image src="/static/pageC/tizheng.png" mode=""></image>
</view>
<view class="sign">
<image src="/static/pageC/healthmyself.png" mode=""></image>
<image src="/static/pageC/records.png" mode=""></image>
</view>
</view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { getOpenId, getCurrentUser } from '@/api/pages/api.js' // import { getOpenId, getCurrentUser } from '@/api/pages/api.js'
export default { export default {
data() { data() {
return { return {
@ -23,7 +80,7 @@
uni.login({ uni.login({
success(res) { success(res) {
getOpenId(res.code).then(Res => { getOpenId(res.code).then(Res => {
if(Res.code == 200) { if (Res.code == 200) {
_this.isWxBing(Res.msg, '1') _this.isWxBing(Res.msg, '1')
} }
}) })
@ -33,7 +90,7 @@
isWxBing(openid, cityCode) { isWxBing(openid, cityCode) {
getCurrentUser(openid, cityCode).then(res => { getCurrentUser(openid, cityCode).then(res => {
console.log(res); console.log(res);
if(!res.data) { if (!res.data) {
// 注册 // 注册
} }
}) })
@ -42,30 +99,6 @@
} }
</script> </script>
<style> <style lang="scss">
.content { @import "./homepage.scss";
display: flex; </style>
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>

9
pagesB/Behaviorpoints/Behaviorpoints.vue
View File

@ -10,7 +10,7 @@
<view class="PointsMall" @tap='gointegral'> <view class="PointsMall" @tap='gointegral'>
积分商城 积分商城
</view> </view>
<view class="Exchangerecords"> <view class="Exchangerecords" @tap="goexchange">
兑换记录 兑换记录
</view> </view>
</view> </view>
@ -27,7 +27,7 @@
<view class="timeone"> <view class="timeone">
2023-03-09 13:23:12 2023-03-09 13:23:12
</view> </view>
<view class="Establishingarchives"> <view class="Establishingarchives" >
兑换商品 兑换商品
</view> </view>
<view class="integraltwo"> <view class="integraltwo">
@ -52,6 +52,11 @@
}; };
}, },
methods: { methods: {
goexchange(){
uni.navigateTo({
url: '/pagesB/exchangerecords/exchangerecords'
})
},
//积分页面 //积分页面
...mapActions(["integralopenPopup"]), ...mapActions(["integralopenPopup"]),
gointegral() { gointegral() {

18
pagesB/PointsMall/PointsMall.vue
View File

@ -14,7 +14,20 @@
兑换 兑换
</view> </view>
</view> </view>
<view class="content">
<view class="imageitem">
<image src="/static/pagesB/Behave.png" mode=""></image>
</view>
<view class="servename">
服务名称
</view>
<view class="PointsRecord">
200000
</view>
<view class="button" @tap="goexchange">
兑换
</view>
</view>
@ -87,6 +100,9 @@
.servename { .servename {
// width: 102px; // width: 102px;
// height: 24px; // height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 26rpx; font-size: 26rpx;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;

16
pagesB/exchangerecords/exchangerecords.vue
View File

@ -3,18 +3,18 @@
<view class="content"> <view class="content">
<view class="time"> <view class="time">
2023-08-13 23:43:49 2023-08-13 23:43:49
<span class=""> <span>
2000积分 2000积分
</span> </span>
</view> </view>
<view class="imageitem"> <view class="imageitem">
<image src="../../static/pagesB/ynph.png" mode=""></image> <image src="../../static/pagesB/Behave.png" mode=""></image>
</view> </view>
<view class="servename"> <view class="servename">
服务名称 服务名称
</view> </view>
<view class="servetime"> <view class="servetime">
服务时间：2023-12-12 08:30 服务时间：2023-12-12 08:30
</view> </view>
</view> </view>
</view> </view>
@ -55,7 +55,7 @@
color: #959595; color: #959595;
line-height: 38rpx; line-height: 38rpx;
position: absolute; position: absolute;
bottom: 23%; bottom: 23%;
left: 35%; left: 35%;
} }
@ -69,6 +69,9 @@
position: absolute; position: absolute;
top: 38%; top: 38%;
left: 35%; left: 35%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.imageitem { .imageitem {
@ -92,6 +95,9 @@
position: relative; position: relative;
span { span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 28rpx; font-size: 28rpx;
position: absolute; position: absolute;
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
@ -104,4 +110,4 @@
} }
} }
</style> </style>

BIN
static/pageC/SERVERECOD.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
static/pageC/TAB.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 254 B

BIN
static/pageC/appointmen.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
static/pageC/exchange.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
static/pageC/health.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
static/pageC/healthmyself.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
static/pageC/homepage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
static/pageC/qianyue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/pageC/records.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
static/pageC/serveappoint.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
static/pageC/tizheng.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB