景徳镇旅游微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

104 lines
1.6 KiB

8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
  1. <template>
  2. <view class="submit">
  3. <view class=""
  4. @click="$emit('share')">
  5. <button open-type="share"
  6. class="share">
  7. <uv-icon
  8. size="40rpx"
  9. name="share-square"></uv-icon>
  10. <view class="">
  11. 分享
  12. </view>
  13. </button>
  14. </view>
  15. <view class=""
  16. @click="$emit('collect')">
  17. <button
  18. class="share">
  19. <uv-icon size="40rpx" color="#FF4340"
  20. v-if="collectonFlag"
  21. name="star-fill"></uv-icon>
  22. <uv-icon
  23. name="star"
  24. v-else
  25. size="40rpx"
  26. ></uv-icon>
  27. <view class="">
  28. 收藏
  29. </view>
  30. </button>
  31. </view>
  32. <view class=""
  33. @click="$utils.navigateTo('/pages_order/mine/cart')">
  34. <button
  35. class="share">
  36. <uv-icon
  37. size="40rpx"
  38. name="shopping-cart"></uv-icon>
  39. <view class="">
  40. 购物车
  41. </view>
  42. </button>
  43. </view>
  44. <view class="btn"
  45. @click="$emit('submit')">
  46. {{ submiitTitle }}
  47. </view>
  48. </view>
  49. </template>
  50. <script>
  51. export default {
  52. name:"submit",
  53. props : {
  54. submiitTitle : {
  55. default : '立即购买',
  56. type : String,
  57. },
  58. detail : {
  59. default : {}
  60. },
  61. collectonFlag : {
  62. }
  63. },
  64. data() {
  65. return {
  66. }
  67. },
  68. methods: {
  69. }
  70. }
  71. </script>
  72. <style lang="scss" scoped>
  73. .submit{
  74. position: fixed;
  75. bottom: 0;
  76. left: 0;
  77. width: 100vw;
  78. background-color: #fff;
  79. height: 100rpx;
  80. display: flex;
  81. justify-content: center;
  82. align-items: center;
  83. font-size: 24rpx;
  84. .btn{
  85. background: $uni-color;
  86. width: 340rpx;
  87. height: 80rpx;
  88. color: #fff;
  89. border-radius: 40rpx;
  90. font-size: 28rpx;
  91. }
  92. view{
  93. width: 100rpx;
  94. margin: 0 10rpx;
  95. display: flex;
  96. justify-content: center;
  97. align-items: center;
  98. flex-direction: column;
  99. }
  100. }
  101. </style>