Browse Source

页面右上角修改,用户名、返回上级、退出登录

master
1747191978@qq.com 4 months ago
parent
commit
5bfe0bf727
  1. 7
      大唐会议前台1/App.vue
  2. BIN
      大唐会议前台1/imgs/arrow-left.png
  3. BIN
      大唐会议前台1/imgs/out.png
  4. 4
      大唐会议前台1/pages/index/details.vue
  5. 5
      大唐会议前台1/pages/index/index.vue
  6. 4
      大唐会议前台1/pages/index/pdf.vue

7
大唐会议前台1/App.vue

@ -43,17 +43,18 @@
align-items: center; align-items: center;
color: #fff; color: #fff;
.name{ .name{
margin:0 10px; font-size: 18px;
} }
.view-out { .view-out {
margin-right: 10px; margin-right: 10px;
border-bottom:1px solid #fff; // border-bottom:1px solid #fff;
} }
.avatar { .avatar {
border-radius: 6px; border-radius: 6px;
width: 30px; width: 30px;
height: 30px height: 30px;
margin-left: 18px;
} }
.out { .out {

BIN
大唐会议前台1/imgs/arrow-left.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
大唐会议前台1/imgs/out.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

4
大唐会议前台1/pages/index/details.vue

@ -22,9 +22,9 @@
</view> </view>
<!-- 头像 - 头像 --> <!-- 头像 - 头像 -->
<view class="avatarobx"> <view class="avatarobx">
<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
<view class="name">{{userName}}</view> <view class="name">{{userName}}</view>
<view class="view-out" @click="show = true">退出登录</view> <image @click='handleBack' class="avatar" src='../../imgs/arrow-left.png' mode="widthFix"></image>
<image @click="show = true" class="avatar" src='../../imgs/out.png' mode="widthFix"></image>
</view> </view>
</view> </view>
</template> </template>

5
大唐会议前台1/pages/index/index.vue

@ -26,9 +26,9 @@
</view> </view>
<!-- 头像 - 头像 --> <!-- 头像 - 头像 -->
<view class="avatarobx"> <view class="avatarobx">
<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
<view class="name">{{userName}}</view> <view class="name">{{userName}}</view>
<view class="view-out" @click="show = true">退出登录</view> <!-- <image @click='handleBack' class="avatar" src='../../imgs/arrow-left.png' mode="widthFix"></image> -->
<image @click="show = true" class="avatar" src='../../imgs/out.png' mode="widthFix"></image>
</view> </view>
</view> </view>
@ -48,7 +48,6 @@
listData: [], listData: [],
userName: uni.getStorageSync("userName"), userName: uni.getStorageSync("userName"),
show: false show: false
}; };
}, },
created() { created() {

4
大唐会议前台1/pages/index/pdf.vue

@ -31,9 +31,9 @@
</div> </div>
<!-- 头像 - 头像 --> <!-- 头像 - 头像 -->
<view class="avatarobx"> <view class="avatarobx">
<image class="avatar" src='../../imgs/tx.png' mode="widthFix" ></image>
<view class="name">{{userName}}</view> <view class="name">{{userName}}</view>
<view class="view-out" @click="show = true">退出登录</view> <image @click='handleBack' class="avatar" src='../../imgs/arrow-left.png' mode="widthFix"></image>
<image @click="show = true" class="avatar" src='../../imgs/out.png' mode="widthFix"></image>
</view> </view>
</view> </view>
</template> </template>

Loading…
Cancel
Save