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.
81 lines
1.6 KiB
81 lines
1.6 KiB
<template>
|
|
<view class="goods_con">
|
|
<navigation>
|
|
Product
|
|
</navigation>
|
|
<view class="detail_top">
|
|
<u-swiper :list="list" height="750" mode="dot"></u-swiper>
|
|
<view class="text_con">
|
|
<view class="text">
|
|
{{goods_Detail.goodsName}}
|
|
</view>
|
|
<view class="price">
|
|
₹ {{goods_Detail.goodsPrice}}
|
|
</view>
|
|
<u-button class="custom-style">Sold Out</u-button>
|
|
</view>
|
|
</view>
|
|
<view class="detail_bottom">
|
|
<view class="title">
|
|
Product Specifications
|
|
</view>
|
|
<view class="goodsProperty" v-for="item,index in table" :key="index">
|
|
<text class="text text1">{{item.goodsPropertyKey}}</text>
|
|
<text class="text text2">{{item.goodsPropertyValue}}</text>
|
|
</view>
|
|
</view>
|
|
<tab-bar></tab-bar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import api from '@/utils/api'
|
|
import utils from '@/utils'
|
|
import md5 from 'js-md5'
|
|
import store from '@/store'
|
|
export default {
|
|
data() {
|
|
return {
|
|
// 表格
|
|
table:[],
|
|
goods_Detail:[],
|
|
list:[],
|
|
}
|
|
},
|
|
|
|
onLoad(i) {
|
|
const post = api.goodsDetail({
|
|
goodsId:i.id
|
|
})
|
|
.then(res =>{
|
|
if(res.success){
|
|
res.data.goodsPrice=parseFloat(res.data.goodsPrice).toFixed(2)
|
|
this.goods_Detail=res.data;
|
|
this.list=res.data.goodsImgMainUrl.split(',');
|
|
for(var i=0;i<this.list.length;i++){
|
|
this.list[i]=this.$constant.APP+this.list[i]
|
|
|
|
}
|
|
this.table=JSON.parse(this.goods_Detail.goodsProperty)
|
|
|
|
}
|
|
|
|
}).catch(err =>{
|
|
console.log(err)
|
|
})
|
|
},
|
|
|
|
onReady() {
|
|
|
|
},
|
|
methods: {
|
|
|
|
},
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
<style>
|
|
@import './index.css';
|
|
</style>
|
|
|