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="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-down-fill" color="#525252" size="10" class="downIcon" :bold="true" space="1" @click="$Router.push({ name: 'EvaluationIntroduce' })" />
<u-icon name="arrow-left" color="#525252" size="20" class="downIcon" :bold="true" @click='$Router.back()'/>
<!-- <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>
<!-- 搜索框 -->
<u-search
placeholder="搜索食物营养和热量"
shape="round"
:show-action="false"
searchIconColor="#34ce98"
bgColor="#f8f8f8"
:clearabled="false"
:disabled="true"
placeholderColor="#777"
class="searchTem"
@click="$Router.push({ name: 'indexSearch' })"
/>
<view style="flex:1;" @click="$Router.push({ name: 'indexSearch' })">
<u-search
placeholder="搜索食物营养和热量"
shape="round"
:show-action="false"
searchIconColor="#34ce98"
bgColor="#f8f8f8"
:clearabled="false"
:disabled="true"
placeholderColor="#777"
class="searchTem"
/>
</view>
<!-- 消息中心 -->
<view class="news">
<u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1" @click="errToast" />
<u-badge class="dian" :isDot="true" bgColor="#e6576b"></u-badge>
<view class="news" @click="$Router.push({name:'noticeIndex'})">
<u-icon name="bell-fill" color="#525252" size="24" :bold="true" space="1"/>
<u-badge class="dian" :isDot="false" bgColor="#e6576b"></u-badge>
</view>
</view>
<!-- 体重管理模块 -->
@@ -145,8 +149,9 @@
<view class="search" @click="Login">
<!-- 头像 -->
<view class="user">
<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-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-left" color="#525252" size="20" class="downIcon" :bold="true" @click='$Router.back()'/>
</view>
<!-- 搜索框 -->
<u-search
@@ -242,8 +247,9 @@
<view class="search" @click="toCreateInfo">
<!-- 头像 -->
<view class="user">
<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-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-left" color="#525252" size="20" class="downIcon" :bold="true" @click='$Router.back()'/>
</view>
<!-- 搜索框 -->
<u-search
@@ -422,20 +428,42 @@ export default {
<style lang="scss" scoped>
.record {
padding: $padding * 2 $padding;
padding: $padding * 5 $padding $padding $padding;
position: relative;
// 顶部搜索
.search {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
justify-content: space-between;
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 {
display: flex;
flex-direction: row;
position: relative;
.downIcon {
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 {
box-shadow: 0 0 10rpx 4rpx rgba($color: $main-color, $alpha: 0.1);
border-radius: 50%;