|
@@ -1,14 +1,12 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view class="source-bottom p-rtv">
|
|
|
|
|
|
|
+ <view class="source-bottom-fixed">
|
|
|
<view class="source-top-view h-49"></view>
|
|
<view class="source-top-view h-49"></view>
|
|
|
<view class="source-bottom-view pt-49 text-center bg-#fff pt-60" :style="{ opacity: btnStyle == 'close' ? 0 : 1 }">
|
|
<view class="source-bottom-view pt-49 text-center bg-#fff pt-60" :style="{ opacity: btnStyle == 'close' ? 0 : 1 }">
|
|
|
<view style="opacity: 0;">{{ mapTextBtn[btnStyle] }}</view>
|
|
<view style="opacity: 0;">{{ mapTextBtn[btnStyle] }}</view>
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<view @click="clickBtnBall" class="source-center-view d-flex flex-cln a-c j-c">
|
|
<view @click="clickBtnBall" class="source-center-view d-flex flex-cln a-c j-c">
|
|
|
<view class="source-btn-ball d-flex a-c j-c" :class="{ [`btn-deg-${btnStyle}`]: true }" :style="{ backgroundImage: 'url(https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/add_c_btn.png)' }"></view>
|
|
<view class="source-btn-ball d-flex a-c j-c" :class="{ [`btn-deg-${btnStyle}`]: true }" :style="{ backgroundImage: 'url(https://ta.zycpzs.cn/oss-file/smart-trace/szyy/images-plt/plant/storage/add_c_btn.png)' }"></view>
|
|
|
<view class="c-primary f-s-28 pt-6">{{ mapTextBtn[btnStyle] }}</view>
|
|
<view class="c-primary f-s-28 pt-6">{{ mapTextBtn[btnStyle] }}</view>
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<view class="bg-#fff" :style="{ height: safeAreaBottom + 'px' }"></view>
|
|
<view class="bg-#fff" :style="{ height: safeAreaBottom + 'px' }"></view>
|
|
|
<view class="bottom-circle-line" :class="{ 'bottom-circle-line-active': btnStyle == 'close' }" :style="{ bottom: safeAreaBottom + 'px' }">
|
|
<view class="bottom-circle-line" :class="{ 'bottom-circle-line-active': btnStyle == 'close' }" :style="{ bottom: safeAreaBottom + 'px' }">
|
|
@@ -37,6 +35,10 @@
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <view class="pt-60">
|
|
|
|
|
+ <view style="opacity: 0;">{{ mapTextBtn[btnStyle] }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="bg-#fff" :style="{ height: safeAreaBottom + 'px' }"></view>
|
|
|
</template>
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
|
const windowInfo = uni.getWindowInfo();
|
|
const windowInfo = uni.getWindowInfo();
|
|
@@ -52,6 +54,13 @@ const clickBtnBall = () => {
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
|
|
+.source-bottom-fixed {
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ left: 0;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ z-index: 10;
|
|
|
|
|
+}
|
|
|
.source-center-view {
|
|
.source-center-view {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 0;
|
|
top: 0;
|