修复锁名过长时的显示bug

pages/home/home.vue

@@ -38,7 +38,9 @@
                   <view v-if="lock.days" class="lock-status" style="background-color: #63b8af">余{{lock.days}}天</view>
                   <view v-if="lock.keyStatus === 110403" class="lock-status" style="background-color: #63b8af">未生效</view>
                   <view v-if="lock.keyStatus === 110405" class="lock-status">已冻结</view>
-                  <view class="lock-time">
+                  <view class="lock-time"
+                        :style="{padding: lock.keyStatus === 110401 && !lock.days ? '12rpx 24rpx 0 24rpx'
+                        :'6rpx 24rpx 0 24rpx'}">
                     <view v-if="lock.keyType === 1 || lock.keyType === 3" style="font-size: 32rpx">{{
                         getTimeLimit(lock.keyType) }}</view>
                     <view v-else>

pages/lockDetail/lockDetail.vue

@@ -1,5 +1,6 @@
 <template>
   <view>
+    <view class="lock-name">{{ currentLockInfo.lockAlias }}</view>
     <view class="top">
       <image class="top-background" src="/static/images/background_main.jpg" mode="aspectFill"></image>
       <view style="width: 100%;height: 50rpx">
@@ -80,9 +81,6 @@ export default {
     SwitchLoading
   },
   onLoad() {
-    uni.setNavigationBarTitle({
-      title: this.currentLockInfo.lockAlias
-    })
     this.getServeTime()
   },
   methods: {
@@ -185,6 +183,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.lock-name {
+  text-align: center;
+  font-size: 32rpx;
+  padding: 32rpx 32rpx 0 32rpx;
+  font-weight: bold;
+}
+
 .top {
   margin-top: 32rpx;
   margin-left: 32rpx;

pages/setting/setting.vue

@@ -2,9 +2,9 @@
   <view>
     <view class="view">
       <view class="view-button">
-        <view>名称</view>
-        <view class="view-button" style="padding: 0">
-          <view class="info">{{currentLockInfo.lockAlias}}</view>
+        <view style="width: 350rpx">名称</view>
+        <view class="view-button" style="padding: 20rpx 0">
+          <view class="info" style="line-height: 40rpx">{{currentLockInfo.lockAlias}}</view>
         </view>
       </view>
       <view class="view-line"></view>