Info.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <template>
  2. <view class="page-goods-info">
  3. <view class='goods-img'>
  4. <image src="/static/temp/temp.png" class="img"></image>
  5. </view>
  6. <view class="goods-option">
  7. <view class="title">碧螺春拿铁</view>
  8. <view class="type">
  9. <view class="caption">杯型:</view>
  10. <view class="option">
  11. <view class="opt1">大杯</view>
  12. <view class="opt1">大杯</view>
  13. <view class="opt1">大杯</view>
  14. </view>
  15. </view>
  16. <view class="type">
  17. <view class="caption">杯型:</view>
  18. <view class="option">
  19. <view class="opt1">大杯</view>
  20. <view class="opt1">大杯</view>
  21. <view class="opt1">大杯</view>
  22. </view>
  23. </view>
  24. </view>
  25. <view class="content">
  26. fdsa
  27. </view>
  28. <view class="footer">
  29. <view class="price">
  30. <view class="intro">
  31. <view class="price-text">
  32. <view class="current"><text class="sign">¥</text>199</view>
  33. <view class="del"><text class="sign">$</text>299</view>
  34. </view>
  35. <view class="price-tips">碧螺春拿铁价格</view>
  36. </view>
  37. <view class="qty">
  38. <view class="btn-miut">-</view>
  39. <view class="num">1</view>
  40. <view class="btn-plus">+</view>
  41. </view>
  42. </view>
  43. <view class="btn">
  44. <view class="btn-buy"><button class="buy">立即购买</button></view>
  45. <view class="btn-cart"><button class="cart">加入购物车</button></view>
  46. </view>
  47. </view>
  48. </view>
  49. </template>
  50. <script>
  51. export default {
  52. data() {
  53. return {
  54. };
  55. }
  56. }
  57. </script>
  58. <style lang="scss">
  59. @import './Info.scss'
  60. </style>