myShopTour.vue 834 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class="myShopTour-wrap">
  3. <!-- 自定义标题 -->
  4. <u-navbar :is-back="false" :border-bottom="false" :background="background" id="navbar">
  5. <view class="slot-wrap">
  6. <view class="back-icon" @click="goBack">
  7. <u-icon name="arrow-left" color="#fff" size="32"></u-icon>
  8. </view>
  9. <view class="left-icon">132213</view>
  10. </view>
  11. </u-navbar>
  12. </view>
  13. </template>
  14. <script>
  15. export default{
  16. data(){
  17. return{
  18. background: {
  19. // 渐变色
  20. backgroundImage: 'linear-gradient(45deg, rgb(85, 170, 255), rgb(21, 102, 223))'
  21. },
  22. }
  23. }
  24. }
  25. </script>
  26. <style lang="scss" scoped>
  27. page{
  28. background-color: #f8f8f8;
  29. height: calc(100vh - 44px);
  30. }
  31. .myShopTour-wrap{
  32. height: 100%;
  33. .slot-wrap {
  34. width: 100%;
  35. color: #fff;
  36. .left-icon{
  37. text-align: center;
  38. }
  39. }
  40. }
  41. </style>