珠宝小程序前端代码
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.

130 lines
2.3 KiB

5 months ago
5 months ago
4 months ago
5 months ago
5 months ago
4 months ago
3 months ago
4 months ago
5 months ago
3 months ago
5 months ago
4 months ago
3 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
4 months ago
5 months ago
5 months ago
5 months ago
3 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
4 months ago
5 months ago
5 months ago
5 months ago
  1. <template>
  2. <view class="submit">
  3. <!-- 联系客服 -->
  4. <!-- <view @click="$emit('service')" class="service-icon">
  5. <image src="@/pages_order/static/productDetail/service.png" mode="widthFix" class="service-icon-img">
  6. </image>
  7. <view class="title">
  8. 客服
  9. </view>
  10. </view> -->
  11. <button
  12. open-type="contact"
  13. class="service-icon">
  14. <image src="@/pages_order/static/productDetail/service.png"
  15. mode="aspectFill" class="service-icon-img">
  16. </image>
  17. </button>
  18. <button
  19. class="service-icon"
  20. @click="$emit('toSend')">
  21. <image src="/static/image/center/9.png"
  22. mode="aspectFill" class="service-icon-img"/>
  23. </button>
  24. <view class="submit-btn">
  25. <view class="l"
  26. @click="$emit('addCart')">
  27. 加入购物车
  28. </view>
  29. <view class="r" @click="$emit('submit')">
  30. {{ submiitTitle }}
  31. </view>
  32. </view>
  33. </view>
  34. </template>
  35. <script>
  36. export default {
  37. name: "submit",
  38. props: {
  39. submiitTitle: {
  40. default: '立即购买',
  41. type: String,
  42. },
  43. detail: {
  44. default: {}
  45. },
  46. },
  47. data() {
  48. return {
  49. }
  50. },
  51. methods: {
  52. }
  53. }
  54. </script>
  55. <style lang="scss" scoped>
  56. .submit {
  57. position: fixed;
  58. bottom: 0;
  59. left: 0;
  60. width: 100vw;
  61. background-color: #fff;
  62. height: 100rpx;
  63. display: flex;
  64. justify-content: center;
  65. align-items: center;
  66. font-size: 24rpx;
  67. padding: 0rpx 20rpx;
  68. box-sizing: border-box;
  69. // 联系客服
  70. .service-icon {
  71. padding: 0;
  72. margin: 0;
  73. background-color: transparent;
  74. display: flex;
  75. flex-direction: column;
  76. justify-content: center;
  77. margin: 0 20rpx;
  78. &::after{
  79. border: 0;
  80. }
  81. .service-icon-img {
  82. width: 45rpx;
  83. height: 45rpx;
  84. }
  85. .title {
  86. font-size: 26rpx;
  87. color: #666666;
  88. }
  89. }
  90. .submit-btn {
  91. width: calc(100% - 140rpx);
  92. height: 80rpx;
  93. color: #fff;
  94. border-radius: 40rpx;
  95. font-size: 28rpx;
  96. margin-left: 40rpx;
  97. display: flex;
  98. justify-content: center;
  99. align-items: center;
  100. overflow: hidden;
  101. border: 1rpx solid $uni-color;
  102. .l {
  103. flex: 1;
  104. display: flex;
  105. justify-content: center;
  106. align-items: center;
  107. color: $uni-color;
  108. }
  109. .r {
  110. background: $uni-color;
  111. flex: 1;
  112. height: 100%;
  113. display: flex;
  114. justify-content: center;
  115. align-items: center;
  116. }
  117. }
  118. }
  119. </style>