yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: hgcloud_home 仪表盘重构 - 图片替换Phosphor Icons + CSS全面优化
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
- home.php: 13处img标签替换为Phosphor Icons + CDN引入
- home.css: 头像渐变圆形/卡片12px圆角+微阴影/订单卡片渐变/空状态图标
This commit is contained in:
yiqiu
2026-03-20 21:27:56 +08:00
parent 5e150bcc82
commit c70c0ab203
2 changed files with 88 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
clientarea/home/hgcloud_home/home.php
View File

@@ -1,4 +1,7 @@
<link rel="stylesheet" href="/{$template_catalog_home}/template/{$themes_home}/css/home.css">
<!-- Phosphor Icons -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/fill/style.css" />
</head>
<body>
@@ -40,13 +43,11 @@
<el-divider class="divider-box" direction="vertical"></el-divider>
<div class="info-second" v-loading="nameLoading">
<div class="email-box">
<span><img src="/{$template_catalog_home}/template/{$themes}/img/email-icon.png"
alt="">{{lang.index_email}}</span>
<span><i class="ph ph-envelope"></i>{{lang.index_email}}</span>
<span class="phone-number">{{account.email ? account.email : '--'}}</span>
</div>
<div class="phone-box">
<span><img src="/{$template_catalog_home}/template/{$themes}/img/tel-icon.png"
alt="">{{lang.index_tel}}</span>
<span><i class="ph ph-phone"></i>{{lang.index_tel}}</span>
<span class="phone-number">{{account.phone ? account.phone : '--'}}</span>
</div>
</div>
@@ -55,7 +56,7 @@
v-if="certificationObj.certification_open === 1">
<div class="compny-box">
<div class="left-icon">
<img src="/{$template_catalog_home}/template/{$themes}/img/compny-icon.png" alt="">
<i class="ph ph-buildings"></i>
<span class="left-type">{{lang.index_compny}}</span>
</div>
<div class="right-text">
@@ -70,17 +71,15 @@
<div class="company-name certify-bottom" :title="certificationObj.company?.certify_id">
<span
class="certify-text">{{certificationObj.company?.certify_id ? certificationObj.company.certify_id : '--'}}</span>
<img class="cpoy-btn" v-copy="certificationObj.company.certify_id"
v-if="certificationObj.company?.certify_id"
src="/{$template_catalog_home}/template/{$themes}/img/copy.svg" alt="">
<i class="ph ph-copy cpoy-btn" v-copy="certificationObj.company.certify_id"
v-if="certificationObj.company?.certify_id"></i>
</div>
</div>
</div>
</div>
<div class="person-box">
<div class="left-icon">
<img class="left-icon" src="/{$template_catalog_home}/template/{$themes}/img/person-icon.png"
alt="">
<i class="ph ph-user"></i>
<span class="left-type">{{lang.index_name}}</span>
</div>
<div class="right-text">
@@ -98,8 +97,8 @@
<span
class="certify-text">{{certificationObj.person?.certify_id ? certificationObj.person.certify_id : '--'}}
</span>
<img v-copy="certificationObj.person?.certify_id" v-if="certificationObj.person?.certify_id"
class="cpoy-btn" src="/{$template_catalog_home}/template/{$themes}/img/copy.svg" alt="">
<i class="ph ph-copy cpoy-btn" v-copy="certificationObj.person?.certify_id"
v-if="certificationObj.person?.certify_id"></i>
</div>
</div>
</div>
@@ -192,23 +191,17 @@
</div>
<div class="order-box">
<div class="order-item order-box-1" @click="goProductList('using')">
<div class="order-type-img">
<img src="/{$template_catalog_home}/template/{$themes}/img/activation-icon.png" alt="">
</div>
<div class="order-type-icon"><i class="ph ph-pulse"></i></div>
<h3 class="order-title">{{lang.index_text6}}</h3>
<div class="order-nums">{{account.host_active_num}}</div>
</div>
<div class="order-item order-box-2" @click="goProductList()">
<div class="order-type-img">
<img src="/{$template_catalog_home}/template/{$themes}/img/prduct-icon.png" alt="">
</div>
<div class="order-type-icon"><i class="ph ph-cube"></i></div>
<h3 class="order-title">{{lang.index_text7}}</h3>
<div class="order-nums">{{account.host_num}}</div>
</div>
<div class="order-item order-box-3" @click="goOrderList('Unpaid')">
<div class="order-type-img">
<img src="/{$template_catalog_home}/template/{$themes}/img/no-pay-order.png" alt="">
</div>
<div class="order-type-icon"><i class="ph ph-receipt"></i></div>
<h3 class="order-title">{{lang.index_text8}}</h3>
<div class="order-nums">{{account.unpaid_order}}</div>
</div>
@@ -280,15 +273,13 @@
<div class="left">
<div class="row1">
<div class="title-text">{{lang.referral_title1}}</div>
<span class="reword" @click="toReferral"><img
src="/{$template_catalog_home}/template/{$themes}/img/reword.png"
alt="">{{lang.referral_text14}}</span>
<span class="reword" @click="toReferral"><i class="ph-fill ph-gift"></i>{{lang.referral_text14}}</span>
</div>
<div class="row2">{{lang.referral_title6}}</div>
<div class="row3">{{lang.referral_text15}}</div>
<div class="row4">{{lang.referral_text16}}</div>
</div>
<img class="right" src="/{$template_catalog_home}/template/{$themes}/img/credit-card.png" alt="">
<div class="right recommend-illustration"><i class="ph ph-credit-card"></i></div>
</div>
<div class="url">
<div class="url-text" :title="promoterData.url">{{promoterData.url}}</div>
@@ -307,7 +298,7 @@
</div>
</div>
<div class="recommend-box" v-if="!showRight || !isOpen">
<img src="/{$template_catalog_home}/template/{$themes}/img/recommend-img.png" alt="">
<div class="recommend-placeholder-icon"><i class="ph ph-megaphone"></i></div>
<div v-if="showRight">
<h2>{{lang.index_text17}}</h2>
<p>{{lang.index_text18}}</p>