6666/123
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4.8 20:40

Browse Source
This commit is contained in:
username 2024-04-08 20:40:51 +08:00
parent 7c385623d6
commit 0f1b4a52b6
2 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/index.vue
View File

@ -7,9 +7,18 @@
</router-link> </router-link>
</div> </div>
<div class="navUser"> <div class="navUser">
<div v-if="login" class="block"><el-avatar shape="square" :size="50" fit="cover" :src="squareUrl"></el-avatar></div> <div v-if="login" class="block">
<el-avatar
shape="square"
:size="50"
fit="cover"
:src="squareUrl"
></el-avatar>
</div>
<span v-if="login">{{ userName }}</span> <span v-if="login">{{ userName }}</span>
<el-button v-else type="primary" icon="el-icon-user-solid">登陆</el-button> <el-button v-else type="primary" icon="el-icon-user-solid"
>登陆</el-button
>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
@ -21,12 +30,12 @@
<li v-for="(item, index) in parItem" :key="index"> <li v-for="(item, index) in parItem" :key="index">
<div class="title"> <div class="title">
<router-link :to="item.url"> <router-link :to="item.url">
{{ item.title }}<br />{{ item.title2 }}<br> {{ item.title }}<br />{{ item.title2 }}<br />
<button>查看详情</button> <button>查看详情</button>
</router-link> </router-link>
</div> </div>
<router-link :to="item.url"> <router-link :to="item.url">
<img :src="item.imgs"/> <img :src="item.imgs" />
</router-link> </router-link>
</li> </li>
</ul> </ul>
@ -99,12 +108,13 @@ export default {
float: right; float: right;
margin-right: 100px; margin-right: 100px;
.block, .el-button { .block,
.el-button {
display: inline-block; display: inline-block;
margin-top: 15px; margin-top: 15px;
} }
span{ span {
float: right; float: right;
line-height: 80px; line-height: 80px;
margin-left: 10px; margin-left: 10px;
@ -157,18 +167,18 @@ export default {
-o-transition: all 0.5s; -o-transition: all 0.5s;
transition: all 0.5s; transition: all 0.5s;
animation-duration: 3s; animation-duration: 3s;
animation-name: slidein; animation-name: slidein;
} }
@keyframes slidein { @keyframes slidein {
from { from {
width: 740px; width: 740px;
} }
to { to {
width: 180px; width: 180px;
}
} }
}
li img { li img {
object-fit: cover; object-fit: cover;

11
src/views/login.vue
View File

@ -21,6 +21,14 @@
show-password show-password
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password">
<el-input
v-model="form.affirm"
clearable
placeholder="请输入密码"
show-password
></el-input>
</el-form-item>
</el-form> </el-form>
</div> </div>
<div class="tool"> <div class="tool">
@ -51,7 +59,8 @@ export default {
return { return {
form: { form: {
password: '', password: '',
username: '' username: '',
affirm: ''
}, },
checked: false, checked: false,
rules: { rules: {