TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

修复

Browse Source
This commit is contained in:
张冬雪
2022-01-14 13:54:08 +08:00
parent 27c60f3560
commit 263f8d3caa
1 changed files with 51 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
pages/record/index.vue
View File

@@ -13,26 +13,30 @@
<view class="search"> <view class="search">
<!-- 头像 --> <!-- 头像 -->
<view class="user"> <view class="user">
<u-image class="avatar" width="90rpx" height="90rpx" :src="user.avatar ? user.avatar : require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" /> <u-icon name="arrow-left" color="#525252" size="20" class="downIcon" :bold="true" @click='$Router.back()'/>
<u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" @click="$Router.push({ name: 'EvaluationIntroduce' })" /> <!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="user.avatar ? user.avatar : require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" />
<view class="nickname">{{user.nickname}}</view> -->
<!-- <u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1"/> -->
</view> </view>
<!-- 搜索框 --> <!-- 搜索框 -->
<u-search <view style="flex:1;" @click="$Router.push({ name: 'indexSearch' })">
placeholder="搜索食物营养和热量" <u-search
shape="round" placeholder="搜索食物营养和热量"
:show-action="false" shape="round"
searchIconColor="#34ce98" :show-action="false"
bgColor="#f8f8f8" searchIconColor="#34ce98"
:clearabled="false" bgColor="#f8f8f8"
:disabled="true" :clearabled="false"
placeholderColor="#777" :disabled="true"
class="searchTem" placeholderColor="#777"
@click="$Router.push({ name: 'indexSearch' })" class="searchTem"
/> />
</view>
<!-- 消息中心 --> <!-- 消息中心 -->
<view class="news"> <view class="news" @click="$Router.push({name:'noticeIndex'})">
<u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1" @click="errToast" /> <u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1"/>
<u-badge class="dian" :isDot="true" bgColor="#e6576b"></u-badge> <u-badge class="dian" :isDot="false" bgColor="#e6576b"></u-badge>
</view> </view>
</view> </view>
<!-- 体重管理模块 --> <!-- 体重管理模块 -->
@@ -145,8 +149,9 @@
<view class="search" @click="Login"> <view class="search" @click="Login">
<!-- 头像 --> <!-- 头像 -->
<view class="user"> <view class="user">
<u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" /> <!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" />
<u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" @click="$Router.push({ name: 'EvaluationIntroduce' })" /> <u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" /> -->
<u-icon name="arrow-left" color="#525252" size="20" class="downIcon" :bold="true" @click='$Router.back()'/>
</view> </view>
<!-- 搜索框 --> <!-- 搜索框 -->
<u-search <u-search
@@ -242,8 +247,9 @@
<view class="search" @click="toCreateInfo"> <view class="search" @click="toCreateInfo">
<!-- 头像 --> <!-- 头像 -->
<view class="user"> <view class="user">
<u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" /> <!-- <u-image class="avatar" width="90rpx" height="90rpx" :src="require('../../static/imgs/avatar.png')" :lazy-load="true" shape="circle" />
<u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" /> <u-icon name="arrow-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" /> -->
<u-icon name="arrow-left" color="#525252" size="20" class="downIcon" :bold="true" @click='$Router.back()'/>
</view> </view>
<!-- 搜索框 --> <!-- 搜索框 -->
<u-search <u-search
@@ -422,20 +428,42 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.record { .record {
padding: $padding * 2 $padding; padding: $padding * 5 $padding $padding $padding;
position: relative;
// 顶部搜索 // 顶部搜索
.search { .search {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
background-color: #fff;
position: fixed;
width: 100%;
left: 0;
top: 0;
padding: $padding *2 $padding $padding $padding;
z-index: 1000;
.user { .user {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
position: relative;
.downIcon { .downIcon {
margin: 0 0 0 $margin * 0.4; margin: 0 0 0 $margin * 0.4;
} }
.nickname{
background-color: rgba($color: #fa8168, $alpha:1 );
background-color: rgba($color: #34ce98, $alpha:1 );
font-size: 10rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
// width:100rpx ;
position: absolute;
bottom: -14rpx;
max-width: 110rpx;
padding: 0 4rpx;
}
.avatar { .avatar {
box-shadow: 0 0 10rpx 4rpx rgba($color: $main-color, $alpha: 0.1); box-shadow: 0 0 10rpx 4rpx rgba($color: $main-color, $alpha: 0.1);
border-radius: 50%; border-radius: 50%;