feat: 增加主题色功能
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user