GoodsItem.vue 646 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <view class="com-goods-item">
  3. <view class="goods-img">
  4. <image src="/static/temp/temp.png" class="img"></image>
  5. </view>
  6. <view class="goods-info">
  7. <view class="name">商品名称</view>
  8. <view class="tips">商品描述</view>
  9. <view class="price"><text class="sign">¥</text>199</view>
  10. <view class="btn-opt">
  11. <view class="btn-mus">-</view>
  12. <view class="btn-num">1</view>
  13. <view class="btn-plus">+</view>
  14. </view>
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. export default {
  20. name:"GoodsItem",
  21. data() {
  22. return {
  23. };
  24. }
  25. }
  26. </script>
  27. <style lang="scss">
  28. @import './GoodsItem.scss'
  29. </style>