feat: 增加主题色功能

This commit is contained in:
2026-09-01 11:15:00 +08:00
parent bb5a9b3c0f
commit bc6512f668
12 changed files with 386 additions and 229 deletions

View File

@@ -2,6 +2,7 @@
<view>
<movable-area class="movable-area" :scale-area="false">
<movable-view class="movable-view" :class="!isRemove?'animation-info':''" style="pointer-events: auto;"
:style="{ background: background }"
@click="clickBtn" @touchstart="touchstart" @touchend="touchend" @change="onChange" direction="all"
inertia="true" :x="x" :y="y" :disabled="disabled" :out-of-bounds="true" :damping="200" :friction="100">
<slot></slot>
@@ -13,6 +14,10 @@
<script>
export default {
props: {
background: {
type: String,
default: "#8b5cf6"
},
//是否禁用拖动
disabled: {
type: Boolean,
@@ -110,8 +115,7 @@
.movable-view {
width: 100rpx;
height: 100rpx;
background: #8b5cf6;
box-shadow: 0px 4rpx 12rpx 0px rgba(139, 92, 246, 0.4);
box-shadow: 0px 4rpx 12rpx 0px rgba(15, 23, 42, 0.08);
border-radius: 50rpx;
color: #FFFFFF;
font-size: 26rpx;