index.vue 803 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <view class="index-box">
  3. <image src="@/static/img/box-bj.png" mode="scaleToFill"></image>
  4. <view class="box-border-box plr-28">
  5. <view class="save-box fs-42 fc-f text-align-center" @click="toList()">开始结账</view>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. };
  14. },
  15. methods: {
  16. toList(){
  17. uni.redirectTo({
  18. url:"/pages/index/order"
  19. })
  20. },
  21. },
  22. };
  23. </script>
  24. <style scoped lang="scss">
  25. .index-box{
  26. width: 100%;
  27. image{
  28. width: 100%;
  29. height: 1122rpx;
  30. margin-bottom: 45rpx;
  31. }
  32. .save-box{
  33. width: 100%;
  34. height: 83rpx;
  35. line-height: 83rpx;
  36. background: linear-gradient( 270deg, #1778FD 0%, #4AB6FF 100%);
  37. box-shadow: 0rpx 0rpx 6rpx 0rpx #358AFD;
  38. border-radius: 69rpx;
  39. }
  40. }
  41. </style>