box-shadow

src/components/BackTop/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-backtop :bottom="bottom" class="text-center" :style="{'width': width + 'px', height: height + 'px'}">
+  <el-backtop :bottom="bottom" :right="right" class="text-center" :style="{'width': width + 'px', height: height + 'px'}">
     <div class="customStyle" :style="{'line-height': (Number(height) - 7) + 'px'}">
       <v-icon color="#fff">mdi-menu-up</v-icon>
     </div>
@@ -13,6 +13,10 @@ defineProps({
   bottom: {
     type: Number,
     default: 50
+  },
+	right: {
+    type: Number,
+    default: 25
   },
 	width: {
 		type: [Number, String],
@@ -30,7 +34,7 @@ defineProps({
 	width: 100%;
 	height: 100%;
 	background-color: #00B760;
-	box-shadow: var(--el-box-shadow-lighter);
+	box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))!important;
   color: #fff;
 	border-radius: 50%;
 }