diff --git a/api/home/index.js b/api/home/index.js index 0c7d7d8..a52913a 100644 --- a/api/home/index.js +++ b/api/home/index.js @@ -6,7 +6,9 @@ const api = { chartsGoodsJing:'goods/chartsGoodsJing', brandList:'goods/brandList', typeList:'category/list', - cityInfo:'goods/cityInfo' + cityInfo:'goods/cityInfo', + search:'goods/hotWord', + chartsGoodsJing:'goods/chartsGoodsJing' } // 商品列表 @@ -31,4 +33,13 @@ export const brandList = (param, option) => { // 首页分类 export const typeList = (param, option) => { return request.get(api.typeList, param, option) -} \ No newline at end of file +} + +//搜索发现 +export const searchFind = (param, option) => { + return request.get(api.search, param, option) +} +//搜索发现内容 +export const chartsGoodsJingApi = (param, option) => { + return request.get(api.chartsGoodsJing, param, option) +} diff --git a/pages/search/index.vue b/pages/search/index.vue index 0d00eda..c151e7f 100644 --- a/pages/search/index.vue +++ b/pages/search/index.vue @@ -15,24 +15,24 @@ - + 换一批 - {{item}} + {{item.word}} - + - 热门数码产品汇总 + {{item.name}} - + {{k+1}} @@ -46,14 +46,15 @@ {{k+1}} - + + - 荣耀PlAY 7T + {{s.goods_name}} - 今日开售 + {{s.selling_point}} @@ -64,6 +65,7 @@ @@ -202,6 +237,7 @@ flex-wrap: wrap; margin:0 40rpx; margin-top: 20rpx; + justify-content: space-between; .hotItem { padding:10rpx 30rpx; @@ -210,6 +246,8 @@ opacity: 1; display: flex; align-items: center; + margin-left:12rpx; + // margin:0 20rpx; margin-bottom: 24rpx; // height: 64rpx; // background: #FFFFFF; @@ -294,6 +332,7 @@ display: flex; align-items: center; justify-content: center; + flex-shrink: 0; text{ position: relative; left:-1rpx; @@ -321,6 +360,7 @@ border-radius: 8rpx 8rpx 8rpx 8rpx; overflow: hidden; margin-left: 10rpx; + flex-shrink: 0; .goodsImg { width: 100%; height:100%; @@ -333,27 +373,33 @@ .goodsInfo { margin-left: 18rpx; - + width: calc(100% - 160rpx); .goodName { - width: 138rpx; - height: 34rpx; + // width: 138rpx; + // height: 34rpx; font-size: 24rpx; font-family: PingFang SC, PingFang SC; font-weight: 400; color: #000000; line-height: 34rpx; text-align: center; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .goodsSale { - width: 96rpx; - height: 34rpx; + // width: 96rpx; + // height: 34rpx; font-size: 24rpx; font-family: PingFang SC, PingFang SC; font-weight: 400; color: #9B9B9B; line-height: 34rpx; margin-top: 6rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } } }