LoveNav/love-nav-vue
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update system settings

Browse Source
This commit is contained in:
landaiqing
2023-12-26 22:37:41 +08:00
parent 0903b040af
commit bf741a6145
13 changed files with 772 additions and 365 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/setting/home/PersonalInfoCard.vue
View File

@@ -1,16 +1,16 @@
<template>
<div class="card" data-state="#about">
<div class="card-header">
<div class="card-cover" style="background-image: url('https://images.unsplash.com/photo-1549068106-b024baf5062d?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=934&amp;q=80')"></div>
<img class="card-avatar" src="https://images.unsplash.com/photo-1549068106-b024baf5062d?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=934&amp;q=80" alt="avatar">
<h1 class="card-fullname">William Rocheald</h1>
<h2 class="card-jobtitle">UI Developer</h2>
<div class="card-cover" style="background-image: url('@/assets/img/image_processing20200722-26968-18w1tkd.jpg')"></div>
<img class="card-avatar" src='@/assets/img/image_processing20200722-26968-18w1tkd.jpg' alt="avatar">
<h1 class="card-fullname">UserName</h1>
<h2 class="card-jobtitle">common user</h2>
</div>
<div class="card-main">
<div class="card-section is-active" id="about">
<div class="card-content">
<div class="card-subtitle">ABOUT</div>
<p class="card-desc">Whatever tattooed stumptown art party sriracha gentrify hashtag intelligentsia readymade schlitz brooklyn disrupt.
<p class="card-desc">用户描述
</p>
</div>
<div class="card-social">
@@ -28,7 +28,7 @@
</div>
<div class="card-section" id="experience">
<div class="card-content">
<div class="card-subtitle">WORK EXPERIENCE</div>
<div class="card-subtitle">登录日志</div>
<div class="card-timeline">
<div class="card-item" data-year="2014">
<div class="card-item-title">Front-end Developer at <span>JotForm</span></div>
@@ -73,9 +73,9 @@
</div>
</div>
<div class="card-buttons">
<button data-section="#about" class="is-active">ABOUT</button>
<button data-section="#experience">EXPERIENCE</button>
<button data-section="#contact">CONTACT</button>
<button data-section="#about" class="is-active">我的</button>
<button data-section="#experience">修改</button>
<button data-section="#contact">联系方式</button>
</div>
</div>
</div>
@@ -123,7 +123,7 @@ export default {
.card {
max-width: 340px;
width: 340px;
margin: auto;
overflow-y: auto;
position: relative;