index.vue 841 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <view class="pages">
  3. <view class="gard-box">
  4. <view @click="toPage('/pagesA/qualityPolicy/creatOrder')">
  5. <view><image src="/pagesA/static/zbdc.png"></image></view>
  6. <view>创建质保单</view>
  7. </view>
  8. <view @click="toPage('/pagesA/qualityPolicy/searchOrder')">
  9. <view><image src="/pagesA/static/bdcx.png"></image></view>
  10. <view>质保单查询</view>
  11. </view>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. data() {
  18. return {
  19. }
  20. },
  21. methods: {
  22. toPage(url){
  23. uni.navigateTo({
  24. url: url
  25. })
  26. }
  27. }
  28. }
  29. </script>
  30. <style lang="less">
  31. .pages{
  32. height: 100vh;
  33. background: #fff;
  34. }
  35. .gard-box{
  36. display: flex;
  37. align-items: center;
  38. padding: 5rem 2rem;
  39. > view{
  40. flex:1;
  41. margin: 1rem;
  42. text-align: center;
  43. image{
  44. width: 3rem;
  45. height: 3rem;
  46. }
  47. }
  48. }
  49. </style>