qualification.vue 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <template>
  2. <view class="content">
  3. <view class="header">
  4. <view class="back" @click="goBack">
  5. <image class="back-icon" src="https://cdn.his.cdwjyyh.com/images/back.png" mode=""></image>
  6. </view>
  7. <view class="title">经营资质</view>
  8. <view class="right"></view>
  9. </view>
  10. <view class="license-container">
  11. <image class="license-image" src="https://cdn.his.cdwjyyh.com/images/license.png" mode="aspectFit"></image>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. methods: {
  18. goBack() {
  19. uni.navigateBack({
  20. delta: 1
  21. })
  22. }
  23. }
  24. }
  25. </script>
  26. <style lang="scss">
  27. page {
  28. height: 100%;
  29. background: #F5F7FA;
  30. }
  31. .content {
  32. height: 100%;
  33. display: flex;
  34. flex-direction: column;
  35. .header {
  36. height: 100rpx;
  37. background: #FFFFFF;
  38. display: flex;
  39. align-items: center;
  40. justify-content: space-between;
  41. padding: 0 30rpx;
  42. box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
  43. .back {
  44. width: 60rpx;
  45. height: 60rpx;
  46. display: flex;
  47. align-items: center;
  48. justify-content: center;
  49. .back-icon {
  50. width: 32rpx;
  51. height: 32rpx;
  52. }
  53. }
  54. .title {
  55. font-size: 32rpx;
  56. font-weight: 600;
  57. color: #333333;
  58. }
  59. .right {
  60. width: 60rpx;
  61. }
  62. }
  63. .license-container {
  64. flex: 1;
  65. padding: 40rpx;
  66. display: flex;
  67. align-items: center;
  68. justify-content: center;
  69. .license-image {
  70. width: 100%;
  71. height: auto;
  72. max-height: 80vh;
  73. }
  74. }
  75. }
  76. </style>