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.
45 lines
1.2 KiB
45 lines
1.2 KiB
<template>
|
|
<!-- 产品参数 -->
|
|
<base-drawer mode="bottom" :visible="specsInfo.show" background-color="transparent" mask maskClosable @close="closeSpecs">
|
|
<view class="w-full bg--w111-fff rd-t-40rpx py-32">
|
|
<view class="text-center fs-32 text--w111-333 fw-500 mb-34">参数</view>
|
|
<scroll-view scroll-y="true" class="h-400">
|
|
<view class="px-32 scroll-content">
|
|
<view class="item flex break_word" v-for="(item,index) in specsInfo.specs" :key="index">
|
|
<view class="w-160 text--w111-999 mr-12">{{item.name}}</view>
|
|
<view class="flex-1">{{item.value}}</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
<view class="mx-20 pb-safe">
|
|
<view class="mt-52 h-72 flex-center rd-36px bg-color fs-26 text--w111-fff" @click="closeSpecs">确定</view>
|
|
</view>
|
|
</view>
|
|
</base-drawer>
|
|
</template>
|
|
|
|
<script>
|
|
import baseDrawer from '@/components/tui-drawer/tui-drawer.vue';
|
|
export default {
|
|
props: {
|
|
specsInfo: {
|
|
type: Object,
|
|
default: () => {}
|
|
},
|
|
},
|
|
components: {
|
|
baseDrawer
|
|
},
|
|
methods: {
|
|
closeSpecs() {
|
|
this.$emit('myevent');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.item ~ .item{
|
|
margin-top: 40rpx;
|
|
}
|
|
</style>
|
|
|