最新要闻

广告

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

 警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

家电

  1. 首页
  2. 移动通信
  3. 内容

全球今日报丨【首页】热销爆品开发修改商品值

来源：博客园

一、【首页】热销爆品开发修改商品值

1.1 完成后的效果图：


(资料图)

1.2 component/index下创建Hot.vue组件

1.3 pages/index/index.vue引入Hot.vue组件

1.4 Hot组件内容为单个商品模块，所有引入了Commodity.vue组件。传递参数调整图片宽度和高度，Hot组件代码如下：

<script>import commodity from "../common/commodity.vue"export default{data() {return{hotlist:[{id:1,imUrl:"../../static/image/hot1.jpg",name:"大姨绒毛大款2020年必须买，不买你就不行了，爆款疯狂GG008大姨绒毛大款2020年必须买，不买你就不行了，爆款疯狂GG008",pprice:"299",oprice:"659",discount:"5.2"},{id:2,imUrl:"../../static/image/hot2.jpg",name:"大姨绒毛大款2020年必须买，不买你就不行了，爆款疯狂GG008大姨绒毛大款2020年必须买，不买你就不行了，爆款疯狂GG008",pprice:"299",oprice:"659",discount:"5.2"},{id:3,imUrl:"../../static/image/hot3.jpg",name:"大姨绒毛大款2020年必须买，不买你就不行了，爆款疯狂GG008大姨绒毛大款2020年必须买，不买你就不行了，爆款疯狂GG008",pprice:"299",oprice:"659",discount:"5.2"}]}},components:{commodity}}</script>

1.5在Commodity.vue中做出的调整

其中default为默认值，手机横宽750rpx，375rpx为一行放两个图标

1.5在Commodity.vue组件中的代码

<script>export default{props:{datalist:Array,itemW:{type:String,default:"375rpx"},bigH:{type:String,default:"375rpx"}}}</script>

关键词：