shanke/vue-model-review
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
cao_yi_min
2026-04-27 11:22:12 +08:00
parent 6e0e447fa3
commit f3de05d7dc
1 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/ModelDetail.vue
View File

@@ -1,11 +1,10 @@
<template> <template>
<div class="model-detail" :class="{ 'mobile': isMobile }"> <div class="model-detail" :class="{ 'mobile': isMobile }">
<!-- 顶部标题栏 --> <!-- 顶部标题栏 -->
<div class="header"> <div :class="['header', isMobile ? 'header-move' : '']">
<el-button <el-button
icon="el-icon-arrow-left" icon="el-icon-arrow-left"
circle size="medium"
size="small"
@click="goBack" @click="goBack"
class="back-btn" class="back-btn"
></el-button> ></el-button>
@@ -193,26 +192,36 @@ export default {
.header { .header {
height: 60px; height: 60px;
background: #409eff; color: #303133;
color: white;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 20px; padding: 0 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative; position: relative;
} }
.header-move{
background: #409eff;
color: white;
}
.back-btn { .back-btn {
background: rgba(255, 255, 255, 0.2);
border: none; border: none;
color: white; color: #303133;
margin-right: 15px; /* margin-right: 10px; */
}
.el-button:focus, .el-button:hover{
background-color: transparent;
color: #303133;
}
.el-button--medium{
font-size: 18px;
} }
.back-btn:hover { .header-move .back-btn {
background: rgba(255, 255, 255, 0.3); color: white;
} }
.title { .title {
margin: 0; margin: 0;
font-size: 18px; font-size: 18px;