|
@ -7,8 +7,9 @@
|
|
|
@touchstart="down"
|
|
@touchstart="down"
|
|
|
@touchmove="move"
|
|
@touchmove="move"
|
|
|
@touchend="end"
|
|
@touchend="end"
|
|
|
:style="{top: top + 'px', left: left + 'px', bottom: bottom, right: right}"
|
|
|
|
|
|
|
:style="{top: top + 'px', left: left + 'px', bottom: bottom, right: right, 'background-color': bgcColor||''}"
|
|
|
>
|
|
>
|
|
|
|
|
<slot />
|
|
|
<slot v-if="$slots.img" name="img"></slot>
|
|
<slot v-if="$slots.img" name="img"></slot>
|
|
|
<span v-else>{{text}}</span>
|
|
<span v-else>{{text}}</span>
|
|
|
</div>
|
|
</div>
|
|
@ -25,7 +26,8 @@ export default {
|
|
|
text: String,
|
|
text: String,
|
|
|
style: String,
|
|
style: String,
|
|
|
bottom: String,
|
|
bottom: String,
|
|
|
right: String
|
|
|
|
|
|
|
right: String,
|
|
|
|
|
bgcColor: String
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@ -105,7 +107,7 @@ export default {
|
|
|
.float-btn{
|
|
.float-btn{
|
|
|
&.is-img{
|
|
&.is-img{
|
|
|
padding: 0 ;
|
|
padding: 0 ;
|
|
|
background: #fff;
|
|
|
|
|
|
|
background: transparent;
|
|
|
}
|
|
}
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
z-index: 4;
|
|
z-index: 4;
|
