Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
d573522b 1 parent 56440a32

style(UI): 调整加载遮罩层级和操作图标颜色 

增加加载遮罩的z-index确保显示在最上层
为编辑和删除图标添加颜色提高视觉区分度
Inline Side-by-side
Showing 2 changed files with 3 additions and 3 deletions
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
24 <div v-if="post.is_my" class="post-menu"> 24 <div v-if="post.is_my" class="post-menu">
25 <slot name="menu"> 25 <slot name="menu">
26 <!-- Default menu items if needed, or left empty for parent to fill --> 26 <!-- Default menu items if needed, or left empty for parent to fill -->
27 - <van-icon name="edit" @click="emit('edit', post)" class="mr-2" /> 27 + <van-icon name="edit" @click="emit('edit', post)" class="mr-2" color="#4caf50" />
28 - <van-icon name="delete-o" @click="emit('delete', post)" /> 28 + <van-icon name="delete-o" @click="emit('delete', post)" color="#f44336" />
29 </slot> 29 </slot>
30 </div> 30 </div>
31 <slot name="header-right" v-else></slot> 31 <slot name="header-right" v-else></slot>
......
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
133 </div> 133 </div>
134 134
135 <!-- 上传加载遮罩 --> 135 <!-- 上传加载遮罩 -->
136 - <van-overlay :show="loading"> 136 + <van-overlay :show="loading" z-index="9999">
137 <div class="loading-wrapper" @click.stop> 137 <div class="loading-wrapper" @click.stop>
138 <van-loading vertical color="#FFFFFF">上传中...</van-loading> 138 <van-loading vertical color="#FFFFFF">上传中...</van-loading>
139 </div> 139 </div>
......