1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <template>
- <uni-popup ref="detailPopup" :animation="false" :is-mask-click="false"
- mask-background-color="rgba(51, 137, 217, 0.65);" style="z-index: 101;">
- <view class="mall-detail-dialog">
- <view class="detail-content-box">
- <icon class="cpmx-title"></icon>
- <icon class="dialog-close-btn" @click="detailCloseBtn"></icon>
- <view class="product-body-box">
- <!-- ↓需要换成从接口中取得 wgy -->
- <view class="detail-item-box" v-for="(item,index) in productList " :key="index">
- <img :src="item.cover" class="mall-image" />
- <view class="content-body-box">
- <view class="content-name">
- <view class="name-text">{{item.levelName}}</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </view>
- </uni-popup>
- </template>
- <script setup>
- import {
- orderInfo
- } from "@/api/order.js"
- import {
- toast,
- debounce,
- getUserIdentity
- } from "@/utils/common";
- import {
- ref
- } from 'vue';
- const $emit = defineEmits(['payBtn'])
- const detailPopup = ref(null); // 索引
- let productList = ref([])
- // 打开弹窗
- function detailShow(data) {
- productList.value = data
- detailPopup.value.open();
- }
- // 开启提分之旅按钮
- function detailPayBtn() {
- $emit('payBtn')
- }
- function detailCloseBtn() {
- detailPopup.value.close();
- }
- defineExpose({
- detailShow
- })
- </script>
|