更新[BoxJs TF]: 优化首页图标样式

chavyleung · Aug 14, 2020 · 3cc6916 · 3cc6916
1 parent a058803
commit 3cc6916
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 10 deletions.
diff --git a/box/chavy.boxjs.html b/box/chavy.boxjs.html
@@ -308,16 +308,23 @@
           <!-- 主页 -->
           <v-container fluid v-show="view === ''" v-scroll="onScroll">
             <v-row no-gutters>
-              <v-col
-                cols="3"
-                md="2"
-                v-for="(app, appIdx) in favApps"
-                :key="app.id"
-                class="pa-4 py-1 py-md-4 py-lg-8 d-flex justify-space-around"
-              >
-                <div>
-                  <v-img v-ripple style="border-radius: 12px; max-width: 58px;" :src="app.icon" @click="switchAppView(app.id)"></v-img>
-                  <p class="text-center ma-0" @click="switchAppView(app.id)">
+              <v-col cols="3" md="2" v-for="(app, appIdx) in favApps" :key="app.id" class="d-flex justify-space-around">
+                <div class="ma-2" @click="switchAppView(app.id)">
+                  <v-card v-if="isDarkMode" style="border-radius: 12px;">
+                    <v-img style="border-radius: 12px;" :aspect-ratio="1" width="58" height="58" contain v-ripple :src="app.icon"></v-img>
+                  </v-card>
+                  <v-img
+                    v-else
+                    style="border-radius: 12px;"
+                    :aspect-ratio="1"
+                    width="58"
+                    height="58"
+                    contain
+                    v-ripple
+                    class="elevation-3"
+                    :src="app.icon"
+                  ></v-img>
+                  <p class="text-center ma-0">
                     <span class="d-inline-block text-truncate" style="font-size: 10px; max-width: 58px;">{{app.name}}</span>
                   </p>
                 </div>

diff --git a/box/chavy.boxjs.js b/box/chavy.boxjs.js
@@ -37,6 +37,7 @@ $.html = $.name // `页面`类请求的响应体
 
 // 页面源码地址
 $.web = `https://cdn.jsdelivr.net/gh/chavyleung/scripts@${$.version}/box/chavy.boxjs.html?_=${new Date().getTime()}`
+$.web = `http://192.168.50.109:8080/box/chavy.boxjs.html?_=${new Date().getTime()}`
 // 版本说明地址 (Release Note)
 $.ver = 'https://gitee.com/chavyleung/scripts/raw/master/box/release/box.release.tf.json'
 

diff --git a/box/release/box.release.tf.json b/box/release/box.release.tf.json
@@ -1,5 +1,18 @@
 {
   "releases": [
+    {
+      "version": "0.7.15",
+      "tags": ["beta"],
+      "author": "@chavyleung",
+      "icon": "https://avatars3.githubusercontent.com/u/29748519",
+      "repo": "https://github.com/chavyleung",
+      "notes": [
+        {
+          "name": "优化",
+          "descs": ["首页图标样式"]
+        }
+      ]
+    },
     {
       "version": "0.7.14",
       "tags": ["beta"],