From fa6247894dd69aa63daa26f12b1a6f99cacbdabb Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期一, 05 九月 2022 17:59:08 +0800
Subject: [PATCH] 修改接口地址，优化停车位样式
---
components/uni-swipe-action-item/uni-swipe-action-item.vue | 492 +++++++++++++++++++++++++++---------------------------
1 files changed, 246 insertions(+), 246 deletions(-)
diff --git a/components/uni-swipe-action-item/uni-swipe-action-item.vue b/components/uni-swipe-action-item/uni-swipe-action-item.vue
index 9a0f8f2..af962d6 100644
--- a/components/uni-swipe-action-item/uni-swipe-action-item.vue
+++ b/components/uni-swipe-action-item/uni-swipe-action-item.vue
@@ -1,101 +1,101 @@
-<template>
- <view class="uni-swipe">
- <!-- 鍦ㄥ井淇″皬绋嬪簭 app vue绔� h5 浣跨敤wxs 瀹炵幇-->
- <!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
- <view class="uni-swipe_content">
- <view :data-disabled="disabled" :data-position="pos" :change:prop="swipe.sizeReady" :prop="pos" class="uni-swipe_move-box selector-query-hock move-hock"
- @touchstart="swipe.touchstart" @touchmove="swipe.touchmove" @touchend="swipe.touchend" @change="change">
- <view class="uni-swipe_box">
- <slot />
- </view>
+<template>
+ <view class="uni-swipe">
+ <!-- 鍦ㄥ井淇″皬绋嬪簭 app vue绔� h5 浣跨敤wxs 瀹炵幇-->
+ <!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+ <view class="uni-swipe_content">
+ <view :data-disabled="disabled" :data-position="pos" :change:prop="swipe.sizeReady" :prop="pos" class="uni-swipe_move-box selector-query-hock move-hock"
+ @touchstart="swipe.touchstart" @touchmove="swipe.touchmove" @touchend="swipe.touchend" @change="change">
+ <view class="uni-swipe_box">
+ <slot />
+ </view>
<view ref="selector-button-hock" class="uni-swipe_button-group selector-query-hock move-hock">
- <!-- 浣跨敤 touchend 瑙ｅ喅 ios 13 涓嶈Е鍙戞寜閽簨浠剁殑闂-->
- <view v-for="(item,index) in options" :data-button="btn" :key="index" :style="{
- backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
- fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
- }"
- class="uni-swipe_button button-hock" @touchend="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text></view>
- </view>
- </view>
- </view>
- <!-- #endif -->
-
- <!-- app nvue绔� 浣跨敤 bindingx -->
- <!-- #ifdef APP-NVUE -->
- <view ref="selector-box-hock" class="uni-swipe_content" @horizontalpan="touchstart" @touchend="touchend">
- <view ref="selector-button-hock" class="uni-swipe_button-group selector-query-hock move-hock" :style="{width:right+'px'}">
- <view ref="button-hock" v-for="(item,index) in options" :key="index" :style="{
- backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',left: right+'px'}"
- class="uni-swipe_button " @click.stop="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'}">{{ item.text }}</text></view>
- </view>
- <view ref='selector-content-hock' class="uni-swipe_move-box selector-query-hock">
- <view class="uni-swipe_box">
- <slot />
- </view>
- </view>
- </view>
- <!-- #endif -->
-
- <!-- 鍦ㄩ潪 app 绔�侀潪寰俊灏忕▼搴忋�佹敮浠樺疂灏忕▼搴忋�乭5绔娇鐢� js -->
- <!-- #ifndef APP-PLUS || MP-WEIXIN || MP-ALIPAY || H5 -->
- <view class="uni-swipe_content">
- <view ref="selector-button-hock" class="uni-swipe_button-group selector-query-hock move-hock">
- <view v-for="(item,index) in options" :data-button="btn" :key="index" :style="{
- backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
- fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
- }"
- class="uni-swipe_button button-hock" @click.stop="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text></view>
- </view>
- <view ref='selector-content-hock' class="selector-query-hock" @touchstart="touchstart" @touchmove="touchmove"
- @touchend="touchend" :class="{'ani':uniShow}" :style="{transform:moveLeft}">
- <view class="uni-swipe_move-box" >
- <view class="uni-swipe_box">
- <slot />
- </view>
- </view>
- </view>
- </view>
- <!-- #endif -->
- <!-- #ifdef MP-ALIPAY -->
- <view class="uni-swipe-box" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend">
- <view class="viewWidth-hook">
- <movable-area v-if="viewWidth !== 0" class="movable-area" :style="{width:(viewWidth-buttonWidth)+'px'}">
- <movable-view class="movable-view" direction="horizontal" :animation="!transition" :style="{width:viewWidth+'px'}"
- :class="[transition?'transition':'']" :x="x" :disabled="disabledView" @change="onChange">
- <view class="movable-view-box">
- <slot></slot>
- </view>
- </movable-view>
- </movable-area>
- </view>
- <view ref="selector-button-hock" class="uni-swipe_button-group viewWidth-hook">
- <view v-for="(item,index) in options" :data-button="btn" :key="index" :style="{
- backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
- fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
- }"
- class="uni-swipe_button button-hock" @click.stop="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text></view>
- </view>
- </view>
- <!-- #endif -->
- </view>
-</template>
-<script src="./index.wxs" module="swipe" lang="wxs"></script>
-<script>
- // #ifdef APP-VUE|| MP-WEIXIN || H5
- import mpwxs from './mpwxs'
- // #endif
-
- // #ifdef APP-NVUE
- import bindingx from './bindingx.js'
- // #endif
-
- // #ifndef APP-PLUS|| MP-WEIXIN || MP-ALIPAY || H5
- import mixins from './mpother'
- // #endif
-
- // #ifdef MP-ALIPAY
- import mpalipay from './mpalipay'
- // #endif
+ <!-- 浣跨敤 touchend 瑙ｅ喅 ios 13 涓嶈Е鍙戞寜閽簨浠剁殑闂-->
+ <view v-for="(item,index) in options" :data-button="btn" :key="index" :style="{
+ backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
+ fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
+ }"
+ class="uni-swipe_button button-hock" @touchend="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text></view>
+ </view>
+ </view>
+ </view>
+ <!-- #endif -->
+
+ <!-- app nvue绔� 浣跨敤 bindingx -->
+ <!-- #ifdef APP-NVUE -->
+ <view ref="selector-box-hock" class="uni-swipe_content" @horizontalpan="touchstart" @touchend="touchend">
+ <view ref="selector-button-hock" class="uni-swipe_button-group selector-query-hock move-hock" :style="{width:right+'px'}">
+ <view ref="button-hock" v-for="(item,index) in options" :key="index" :style="{
+ backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',left: right+'px'}"
+ class="uni-swipe_button " @click.stop="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'}">{{ item.text }}</text></view>
+ </view>
+ <view ref='selector-content-hock' class="uni-swipe_move-box selector-query-hock">
+ <view class="uni-swipe_box">
+ <slot />
+ </view>
+ </view>
+ </view>
+ <!-- #endif -->
+
+ <!-- 鍦ㄩ潪 app 绔�侀潪寰俊灏忕▼搴忋�佹敮浠樺疂灏忕▼搴忋�乭5绔娇鐢� js -->
+ <!-- #ifndef APP-PLUS || MP-WEIXIN || MP-ALIPAY || H5 -->
+ <view class="uni-swipe_content">
+ <view ref="selector-button-hock" class="uni-swipe_button-group selector-query-hock move-hock">
+ <view v-for="(item,index) in options" :data-button="btn" :key="index" :style="{
+ backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
+ fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
+ }"
+ class="uni-swipe_button button-hock" @click.stop="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text></view>
+ </view>
+ <view ref='selector-content-hock' class="selector-query-hock" @touchstart="touchstart" @touchmove="touchmove"
+ @touchend="touchend" :class="{'ani':uniShow}" :style="{transform:moveLeft}">
+ <view class="uni-swipe_move-box" >
+ <view class="uni-swipe_box">
+ <slot />
+ </view>
+ </view>
+ </view>
+ </view>
+ <!-- #endif -->
+ <!-- #ifdef MP-ALIPAY -->
+ <view class="uni-swipe-box" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend">
+ <view class="viewWidth-hook">
+ <movable-area v-if="viewWidth !== 0" class="movable-area" :style="{width:(viewWidth-buttonWidth)+'px'}">
+ <movable-view class="movable-view" direction="horizontal" :animation="!transition" :style="{width:viewWidth+'px'}"
+ :class="[transition?'transition':'']" :x="x" :disabled="disabledView" @change="onChange">
+ <view class="movable-view-box">
+ <slot></slot>
+ </view>
+ </movable-view>
+ </movable-area>
+ </view>
+ <view ref="selector-button-hock" class="uni-swipe_button-group viewWidth-hook">
+ <view v-for="(item,index) in options" :data-button="btn" :key="index" :style="{
+ backgroundColor: item.style && item.style.backgroundColor ? item.style.backgroundColor : '#C7C6CD',
+ fontSize: item.style && item.style.fontSize ? item.style.fontSize : '16px'
+ }"
+ class="uni-swipe_button button-hock" @click.stop="onClick(index,item)"><text class="uni-swipe_button-text" :style="{color: item.style && item.style.color ? item.style.color : '#FFFFFF',}">{{ item.text }}</text></view>
+ </view>
+ </view>
+ <!-- #endif -->
+ </view>
+</template>
+<script src="./index.wxs" module="swipe" lang="wxs"></script>
+<script>
+ // #ifdef APP-VUE|| MP-WEIXIN || H5
+ import mpwxs from './mpwxs'
+ // #endif
+
+ // #ifdef APP-NVUE
+ import bindingx from './bindingx.js'
+ // #endif
+
+ // #ifndef APP-PLUS|| MP-WEIXIN || MP-ALIPAY || H5
+ import mixins from './mpother'
+ // #endif
+
+ // #ifdef MP-ALIPAY
+ import mpalipay from './mpalipay'
+ // #endif
/**
* SwipeActionItem 婊戝姩鎿嶄綔瀛愮粍浠�
@@ -108,163 +108,163 @@
* @event {Function} click 鐐瑰嚮閫夐」鎸夐挳鏃惰Е鍙戜簨浠讹紝e = {content,index} 锛宑ontent锛堢偣鍑诲唴瀹癸級銆乮ndex锛堜笅鏍�)
* @event {Function} change 缁勪欢鎵撳紑鎴栧叧闂椂瑙﹀彂锛宼rue锛氬紑鍚姸鎬侊紱false锛氬叧闂姸鎬�
*/
-
- export default {
- // #ifdef APP-VUE|| MP-WEIXIN||H5
- mixins: [mpwxs],
+
+ export default {
+ // #ifdef APP-VUE|| MP-WEIXIN||H5
+ mixins: [mpwxs],
// #endif
-
- // #ifdef APP-NVUE
- mixins: [bindingx],
+
+ // #ifdef APP-NVUE
+ mixins: [bindingx],
// #endif
-
- // #ifndef APP-PLUS|| MP-WEIXIN || MP-ALIPAY || H5
- mixins: [mixins],
+
+ // #ifndef APP-PLUS|| MP-WEIXIN || MP-ALIPAY || H5
+ mixins: [mixins],
// #endif
-
- // #ifdef MP-ALIPAY
- mixins: [mpalipay],
+
+ // #ifdef MP-ALIPAY
+ mixins: [mpalipay],
// #endif
-
- props: {
- /**
- * 鎸夐挳鍐呭
- */
- options: {
- type: Array,
- default () {
- return []
- }
- },
- /**
- * 绂佺敤
- */
- disabled: {
- type: Boolean,
- default: false
- },
- /**
- * 鍙橀噺鎺у埗寮�鍏�
- */
- show: {
- type: Boolean,
- default: false
- },
- /**
- * 鏄惁鑷姩鍏抽棴
- */
- autoClose: {
- type: Boolean,
- default: true
- }
- },
- inject: ['swipeaction']
-
-
- }
-</script>
-<style lang="scss" scoped>
- .uni-swipe {
- overflow: hidden;
- }
-
- .uni-swipe-box {
- position: relative;
- width: 100%;
- }
-
- .uni-swipe_content {
- flex: 1;
- position: relative;
- }
-
- .uni-swipe_move-box {
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- position: relative;
- flex-direction: row;
- }
-
- .uni-swipe_box {
- /* #ifndef APP-NVUE */
- display: flex;
- flex-direction: row;
- width: 100%;
- flex-shrink: 0;
- /* #endif */
- /* #ifdef APP-NVUE */
- flex: 1;
- /* #endif */
- font-size: 14px;
- background-color: #fff;
- }
-
- .uni-swipe_button-group {
- /* #ifndef APP-VUE|| MP-WEIXIN||H5 */
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- z-index: 0;
- /* #endif */
- /* #ifndef APP-NVUE */
- display: flex;
- flex-shrink: 0;
- /* #endif */
- flex-direction: row;
- }
-
- .uni-swipe_button {
- /* #ifdef APP-NVUE */
- position: absolute;
- left: 0;
- top: 0;
- bottom: 0;
- /* #endif */
- /* #ifndef APP-NVUE */
- display: flex;
- /* #endif */
- flex-direction: row;
- justify-content: center;
- align-items: center;
- padding: 0 20px;
- }
-
- .uni-swipe_button-text {
- /* #ifndef APP-NVUE */
- flex-shrink: 0;
- /* #endif */
- font-size: 14px;
- }
-
- .ani {
- transition-property: transform;
- transition-duration: 0.3s;
- transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+
+ props: {
+ /**
+ * 鎸夐挳鍐呭
+ */
+ options: {
+ type: Array,
+ default () {
+ return []
+ }
+ },
+ /**
+ * 绂佺敤
+ */
+ disabled: {
+ type: Boolean,
+ default: false
+ },
+ /**
+ * 鍙橀噺鎺у埗寮�鍏�
+ */
+ show: {
+ type: Boolean,
+ default: false
+ },
+ /**
+ * 鏄惁鑷姩鍏抽棴
+ */
+ autoClose: {
+ type: Boolean,
+ default: true
+ }
+ },
+ inject: ['swipeaction']
+
+
}
-
- /* #ifdef MP-ALIPAY */
- .movable-area {
- width: 300px;
- height: 100%;
- height: 45px;
- }
-
- .movable-view {
- position: relative;
- width: 160%;
- height: 45px;
- z-index: 2;
- }
+</script>
+<style lang="scss" scoped>
+ .uni-swipe {
+ overflow: hidden;
+ }
+
+ .uni-swipe-box {
+ position: relative;
+ width: 100%;
+ }
+
+ .uni-swipe_content {
+ flex: 1;
+ position: relative;
+ }
+
+ .uni-swipe_move-box {
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ position: relative;
+ flex-direction: row;
+ }
+
+ .uni-swipe_box {
+ /* #ifndef APP-NVUE */
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ flex-shrink: 0;
+ /* #endif */
+ /* #ifdef APP-NVUE */
+ flex: 1;
+ /* #endif */
+ font-size: 14px;
+ background-color: #fff;
+ }
+
+ .uni-swipe_button-group {
+ /* #ifndef APP-VUE|| MP-WEIXIN||H5 */
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 0;
+ /* #endif */
+ /* #ifndef APP-NVUE */
+ display: flex;
+ flex-shrink: 0;
+ /* #endif */
+ flex-direction: row;
+ }
+
+ .uni-swipe_button {
+ /* #ifdef APP-NVUE */
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ /* #endif */
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ padding: 0 20px;
+ }
+
+ .uni-swipe_button-text {
+ /* #ifndef APP-NVUE */
+ flex-shrink: 0;
+ /* #endif */
+ font-size: 14px;
+ }
+
+ .ani {
+ transition-property: transform;
+ transition-duration: 0.3s;
+ transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+ }
+
+ /* #ifdef MP-ALIPAY */
+ .movable-area {
+ width: 300px;
+ height: 100%;
+ height: 45px;
+ }
+
+ .movable-view {
+ position: relative;
+ width: 160%;
+ height: 45px;
+ z-index: 2;
+ }
.transition {
transition: all 0.3s;
}
- .movable-view-box {
- width: 100%;
- height: 100%;
- background-color: #fff;
+ .movable-view-box {
+ width: 100%;
+ height: 100%;
+ background-color: #fff;
}
- /* #endif */
+ /* #endif */
</style>
--
Gitblit v1.8.0