fix: handle image border radius & navigate

pages/appointment/appointment.js

@@ -299,18 +299,22 @@ Page({
       duration: this.data.timeActive,
       addressId: this.data.addressId
     }
+    var timer = null
     submitAppointment(data).then(res => {
       wx.hideLoading()
       wx.showToast({
         title: '预约成功',
         icon: 'success'
       })
-      this.setData({
+      timer = setTimeout(() => {
+        wx.navigateTo({
+          url: '/pages/myAppointment/myAppointment?from=appointment',
+        })
+        clearTimeout(timer)
+      }, 1000);
+      /* this.setData({
         appointmentSuccess: true
-      })
-      wx.navigateTo({
-        url: '/pages/appointment/appointment?form=appoointment',
-      })
+      }) */
     }).catch(e => {
       wx.hideLoading()
       wx.showModal({

pages/appointment/appointment.wxss

@@ -38,6 +38,7 @@
 .headimg {
   width: 100%;
   height: 100%;
+  border-radius: 50%;
 }
 .ac-name {
   font-size: 30rpx;

pages/buy/buy.wxss

@@ -26,6 +26,7 @@
 .headimg {
   width: 100%;
   height: 100%;
+  border-radius: 50%;
 }
 .name {
   font-size: 30rpx;