修改需求

src/components/control-panl/style.scss

@@ -137,7 +137,7 @@
 .ctrl {
   margin-bottom: 1px;
   width: 50px;
-  height: 40px;
+  height: 50px;
   border-radius: 4px;
   cursor: pointer;
   transition: background-color .3s ease, color .3s ease;

src/layout/scene-list/index.vue

@@ -86,6 +86,12 @@ const stopWatch = watch(list, () => {
 
 .scene {
   padding: 0 20px;
+
+  p {
+    height: 1.5em;
+    overflow: hidden;
+    text-overflow: ellipsis
+  }
 }
 
 .scene-model-list.list {

src/views/guide/edit-paths.vue

@@ -228,7 +228,7 @@ watchEffect(async () => {
 
   .meta {
     font-size: 12px;
-    border-bottom: 1px solid rgba(255,255,255,.6);
+    border-bottom: 1px solid rgba(255,255,255,.16);
     padding: 10px 20px;
     display: flex;
     justify-content: space-between;

src/views/registration/index.vue

@@ -8,10 +8,28 @@
     <ui-floating
       v-if="selectOptions.some(({key}) => key === 'opacity')"
       :refer="opacityOptionEl"
+      class="opacity-range"
       isTransform
       dire="right-center"
     >
-      <div class="floating-range strengthen">
+
+      <div class="right-range floating-range strengthen ">
+        <div class="range-content">
+          <div class="range-layout">
+            <ui-input 
+              type="range" 
+              v-model="model.opacity"
+              v-bind="modelRange.opacityRange" 
+              :moveCallback="changeRange"
+              :ctrl="false" 
+              :input="false"
+              width="100%"
+            />
+            <span class="num" :style="{left: `${model.opacity}%`}">{{parseInt(model.opacity.toString())}}%</span>
+          </div>
+        </div>
+      </div>
+      <!-- <div class="floating-range strengthen">
         <div class="range-content">
           <ui-input 
             type="range" 
@@ -23,7 +41,7 @@
           />
           <span class="num" :style="{left: `${model.opacity}%`}">{{parseInt(model.opacity.toString())}}%</span>
         </div>
-      </div>
+      </div> -->
     </ui-floating>
 
     <!-- <div class="right-range floating-range strengthen">
@@ -142,13 +160,19 @@ useViewStack(autoSaveFuseModels)
     display: flex;
     align-items: center;
     height: 100%;
-    position: relative;
+    padding: 0 15px;
+    .range-layout {
+      height: 100%;
+      width: 100%;
+      position: relative;
+      padding: 5px 0;
+    }
 
     .num {
       position: absolute;
       color: #fff;
-      bottom: 100%;
-      transform: translateX(-50%);
+      top: 100%;
+      transform: translateX(calc(-50% - 10px)) rotate(90deg);
       background: #000000;
       border-radius: 4px;
       padding: 2px 6px;
@@ -196,10 +220,14 @@ useViewStack(autoSaveFuseModels)
   left: 75%;
   transform: translateX(-50%);
 }
+
 </style>
 
 <style>
 .floating-range .ui-input .range .range-content {
   --slideSize: calc(var(--height) + 8px) !important;
 }
+.opacity-range {
+  margin-left: 70px;
+}
 </style>

src/views/tagging/edit.vue

@@ -258,6 +258,17 @@ const delImageHandler = async (file: Tagging['images'][number]) => {
   width: 70px;
   text-align: right;
 }
+
+.del-file {
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+  font-size: 16px;
+  background-color: rgba(0,0,0,0.5);
+  border-radius: 50%;
+  text-align: center;
+  line-height: 32px
+}
 </style>
 
 <style>

src/views/tagging/index.vue

@@ -17,7 +17,7 @@
           :class="{active: showSearch}"
           type="search" 
           @click="showSearch = !showSearch" 
-          style="margin-right: 10px"
+          style="margin-right: 20px"
         />
         <ui-icon 
           ctrl