cartPopup.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <u-popup :show="show" mode="bottom" @close="close" @open="open" :round="10">
  3. <view class="my-popup padding">
  4. <view class="w-full padding-bottom-lg" v-for="index in 3" :key="index">
  5. <my-goods :data="data">
  6. <view class="num-step">
  7. <uni-number-box v-model="value" :min="1" @change="changeValue" />
  8. </view>
  9. </my-goods>
  10. </view>
  11. </view>
  12. </u-popup>
  13. </template>
  14. <script>
  15. export default {
  16. name:"cartPopup",
  17. data() {
  18. return {
  19. show:false,
  20. value:1,
  21. data:{
  22. src:'../../static/x0.jpg',
  23. title:'标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题',
  24. spec:'180cm',
  25. price:'53.30'
  26. }
  27. };
  28. },
  29. methods:{
  30. open(){},
  31. setShow(v){
  32. this.show = v;
  33. },
  34. close(){
  35. this.show = false;
  36. },
  37. changeValue(){}
  38. }
  39. }
  40. </script>
  41. <style scoped lang="scss">
  42. .my-popup{
  43. width: 100%;
  44. max-height: 800rpx;
  45. overflow: auto;
  46. padding-bottom: 130rpx;
  47. .num-step{
  48. width: 200rpx;
  49. padding-top: 40rpx;
  50. }
  51. }
  52. </style>