van-fab样式的阴影

app.wxss

@@ -38,6 +38,14 @@
   opacity: .5
 }
 
+.van-fab{
+  border-radius: 50rpx;
+  position: fixed;
+  bottom:160rpx;
+  right:50rpx;
+  box-shadow: 0 0 8rpx rgba(0,0,0,.14),0 8rpx 16rpx rgba(0,0,0,.28);
+}
+
 page {
   font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
     Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei',

pages/home/customer-list/index.wxml

@@ -61,7 +61,7 @@
   </view>
 </scroll-view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx">
+<view class="van-fab">
   <van-button round type="info" icon="plus" bind:click="addCustomer" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 <notification id="qn-notification"/>

pages/home/employee/index.wxml

@@ -55,7 +55,7 @@
 	</van-cell>
 </view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx" wx:if="{{qrcode}}">
+<view class="van-fab" wx:if="{{qrcode}}">
   <van-button round type="info" icon="plus" open-type="share" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 

pages/home/factory-list/index.wxml

@@ -53,7 +53,7 @@
   </van-divider>
 </refresh-view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx" wx:if="{{tabIndex == 0 && userInfo.factoryId}}">
+<view class="van-fab" wx:if="{{tabIndex == 0 && userInfo.factoryId}}">
   <van-button round type="info" icon="plus" bind:click="showDialog" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 

pages/process/order-info/index.wxml

@@ -204,7 +204,7 @@
   <van-button type="info" custom-style="height:88rpx;width:686rpx" bind:click="paymentOrder">客户结算</van-button>
 </submit-layout>
 
-<view style="border-radius: 50rpx;position:fixed;bottom:{{160 + safeBottom}}rpx;right:50rpx" wx:if="{{form && form.status != 6}}">
+<view class="van-fab" style="bottom:{{160 + safeBottom}}rpx;" wx:if="{{form && form.status != 6}}">
   <van-button round bind:click="printOrderInfo" custom-style="width: 100rpx;height: 100rpx;padding-top:12rpx">
     <van-icon name="/assets/image/icon-print.png" size="100rpx"/>
   </van-button>

pages/process/order-list/index.wxml

@@ -92,7 +92,7 @@
   </van-divider>
 </refresh-view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx" wx:if="{{admin}}">
+<view class="van-fab" wx:if="{{admin}}">
   <van-button round type="info" icon="plus" bind:click="addOrder" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 

pages/process/outside-info/index.wxml

@@ -241,7 +241,7 @@
   <van-button type="info" custom-style="height:88rpx;width:300rpx" bind:click="paymentOrder" wx:if="{{form.orderStatus == 42}}">客户结算</van-button>
 </submit-layout>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:{{160 + safeBottom}}rpx;right:50rpx" wx:if="{{form && form.orderStatus != 6}}">
+<view class="van-fab" style="bottom:{{160 + safeBottom}}rpx;" wx:if="{{form && form.orderStatus != 6}}">
   <van-button round bind:click="printOrderInfo" custom-style="width: 100rpx;height: 100rpx;padding-top:12rpx">
     <van-icon name="/assets/image/icon-print.png" size="100rpx"/>
   </van-button>

pages/process/outside-list/index.wxml

@@ -90,7 +90,7 @@
   </van-divider>
 </refresh-view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx" wx:if="{{admin}}">
+<view class="van-fab" wx:if="{{admin}}">
   <van-button round type="info" icon="plus" bind:click="addOutside" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 

pages/process/outside-price/index.wxml

@@ -167,7 +167,7 @@
   <van-button type="info" custom-style="margin-left:32rpx;height:88rpx;width:400rpx" bind:click="checkForm">审核</van-button>
 </submit-layout>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx" wx:if="{{form && form.orderStatus == 3}}">
+<view class="van-fab" wx:if="{{form && form.orderStatus == 3}}">
   <van-button round type="info" bind:click="printOrderInfo" custom-style="width: 100rpx;height: 100rpx;">
     <van-icon name="printer" size="30px"/>
   </van-button>

pages/setting/paper-list/index.wxml

@@ -29,7 +29,7 @@
   </van-divider>
 </refresh-view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx">
+<view class="van-fab">
   <van-button round type="info" icon="plus" bind:click="lookItem" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 

pages/setting/vehicle-list/index.wxml

@@ -35,7 +35,7 @@
   </van-divider>
 </refresh-view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx">
+<view class="van-fab">
   <van-button round type="info" icon="plus" bind:click="lookItem" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 

pages/storage/order-info/index.wxml

@@ -298,7 +298,7 @@
   <van-button type="info" custom-style="height:88rpx;width:686rpx" bind:click="settleForm" wx:if="{{orderInfo.status == 1}}">收款结算</van-button>
 </submit-layout>
 
-<view style="border-radius: 50rpx;position:fixed;bottom:{{160 + safeBottom}}rpx;right:50rpx">
+<view class="van-fab" style="bottom:{{160 + safeBottom}}rpx;">
   <van-button round bind:click="printOrderInfo" custom-style="width: 100rpx;height: 100rpx;padding-top:12rpx">
     <van-icon name="/assets/image/icon-print.png" size="100rpx"/>
   </van-button>

pages/storage/order-list/index.wxml

@@ -66,7 +66,7 @@
   </van-divider>
 </refresh-view>
 
-<view style="border-radius: 50rpx;position: fixed;bottom:160rpx;right:50rpx" wx:if="{{admin}}">
+<view class="van-fab" wx:if="{{admin}}">
   <van-button round type="info" icon="plus" bind:click="addStorageOrder" custom-style="width: 100rpx;height: 100rpx;"></van-button>
 </view>
 

pages/storage/order-settlement/index.wxml

@@ -145,7 +145,7 @@
   </van-collapse-item>
 </van-collapse>
 
-<view style="border-radius: 50rpx;position:fixed;bottom:{{160 + safeBottom}}rpx;right:50rpx">
+<view class="van-fab" style="bottom:{{160 + safeBottom}}rpx;">
   <van-button round bind:click="printOrderInfo" custom-style="width: 100rpx;height: 100rpx;padding-top:12rpx">
     <van-icon name="/assets/image/icon-print.png" size="100rpx"/>
   </van-button>