miniprogram / shop · 提交

转到一个项目

作者 cuiyuan
提交 2bbdbc9839714cf698ea0921965b8b8248918528 1 个父辈 4548c23e

update

内嵌 并排对比
正在显示 20 个修改的文件 包含 1812 行增加 和 16 行删除
{
"pages": [
"pages/homeindex/result/result",
"pages/homeindex/search/search",
"pages/index/index",
"pages/kind/kind",
"pages/mine/mine",
"pages/homeindex/homeindex",
"pages/kind/detail_1/detail_1",
"pages/kind/firm_order2/firm_order2",
"pages/kind/firm_order1/firm_order1",
"pages/kind/success/success",
"pages/kind/kind",
"pages/mine/contactUs/contactUs",
"pages/mine/eOrder/eOrder",
"pages/mine/myOrder/myOrder",
"pages/mine/addr_2/addr_2",
"pages/mine/addr_1/addr_1",
"pages/homeindex/homeindex",
"pages/index/index",
"pages/logs/logs",
"pages/mine/mine",
"pages/mine/collect/collect"
],
"window": {
"backgroundTextStyle": "light",
... ...

562 字节
{
"navigationBarTitleText": "首页"
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#6EAC3D",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<!--pages/homeindex/homeindex.wxml-->
<text>pages/homeindex/homeindex.wxml</text>
<!-- <text>pages/homeindex/homeindex.wxml</text> -->
<view class='search'>
<view class='search_inp'>
<input type='text' placeholder='请输入商品名称'></input>
<image src='../../img/search.png'></image>
</view>
<view class='search_txt'>
搜索
</view>
</view>
<view class='banner'>
<swiper indicator-dots="true" indicator-active-color="#fff" style="width:100%;height:100%;">
<swiper-item>
<image style="width: 688px; height: 336px; " mode='widthFix' src='../../img/蒙版组 33@2x.png'></image>
</swiper-item>
<swiper-item>
<image style="width: 688px; height: 336px; " src='../../img/蒙版组 33@2x.png'></image>
</swiper-item>
</swiper>
<view class='banner_Mask'></view>
</view>
<view class='commodity'>
<view class='jujia'>
<image src='../../img/jujia@3x.png'></image>
<text>居家用品</text>
</view>
<view class='riyong'>
<image src='../../img/riyongsahngpin@3x.png'></image>
<text>日用商品</text>
</view>
<view class='shuam'>
<image src='../../img/shuma@3x.png'></image>
<text>数码商品</text>
</view>
<view class='fenlei'>
<image src='../../img/fenlei@3x.png'></image>
<text>全部分类</text>
</view>
</view>
<view class='introduce'>
<view class='introduce_list'>
<view class='introduce_item'>
<image src='../../img/anquan@3x.png'></image>
<text>安心检测</text>
</view>
<view class='introduce_item'>
<image src='../../img/youxuan@3x.png'></image>
<text>优选源头</text>
</view>
<view class='introduce_item'>
<image src='../../img/baozhang@3x.png'></image>
<text>赔付保障</text>
</view>
</view>
<image src='../../img/20190311140242.png'></image>
</view>
<view class='container'>
<view class='mid'>
<view class='mid_item'>
<!-- 顶部 -->
<view class='mid_item_top'>
<!-- 左边 -->
<view class='mid_item_top_left'>
<view class='top_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<view class='top_left_text'>
距结束23时59分距结束23时59分
</view>
</view>
<!-- 右边 -->
<view class='mid_item_top_right'>
<!-- 右上 -->
<view class='right_top'>
<view class='right_top_lef'>
纯进口有机菜花
</view>
<view class='right_top_rig'>
产地：智利
</view>
</view>
<!-- 右中1 -->
<view class='right_mid'>
<view class='right_mid_lef'>
<view class='right_mid_lef_color'></view>
</view>
<view class='right_mid_rig'>
42%
</view>
</view>
<!-- 右中2 -->
<view class='right_text'>
已拼300份，目标500份
</view>
<!-- 右下 -->
<view class='right_bottom'>
<!-- 右下左 -->
<view class='right_bottom_lef'>
<span class='RBM'>￥</span>
<span class='number'>52/</span>
<span class='text'>1磅1份1磅1份</span>
</view>
<!-- 右下中 -->
<view class='right_bottom_mid'>
<view class='right_bottom_mid_t'>
40mm-50m
</view>
<view class='right_bottom_mid_b'>
番茄果径番茄果径番茄果径
</view>
</view>
<!-- 右下右 -->
<view class='right_bottom_rig'>
立即参团
</view>
</view>
</view>
</view>
<view class='mid_item_bottom'>
<view class='mid_item_bottom_left'>
经典推荐
</view>
<!-- 竖线 -->
<view class='mid_line'></view>
<!-- 底部文本 -->
<view class='mid_item_bottom_bot'>
智利进口，绿色健康，硕大饱满
</view>
</view>
</view>
<view class='mid_item'>
<!-- 顶部 -->
<view class='mid_item_top'>
<!-- 左边 -->
<view class='mid_item_top_left'>
<view class='top_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<view class='text_color'>
距结束2时22分距结束2时22分
</view>
</view>
<!-- 右边 -->
<view class='mid_item_top_right'>
<!-- 右上 -->
<view class='right_top'>
<view class='right_top_lef'>
纯进口有机菜花
</view>
<view class='right_top_rig'>
产地：罗利
</view>
</view>
<!-- 右中1 -->
<view class='right_mid'>
<view class='right_mid_lef'>
<view class='right_mid_lef_color'></view>
</view>
<view class='right_mid_rig'>
42%
</view>
</view>
<!-- 右中2 -->
<view class='right_text'>
已拼300份，目标500份
</view>
<!-- 右下 -->
<view class='right_bottom'>
<!-- 右下左 -->
<view class='right_bottom_lef'>
<span class='RBM'>￥</span>
<span class='number'>52/</span>
<span class='text'>1磅1份1磅1份</span>
</view>
<!-- 右下中 -->
<view class='right_bottom_mid'>
<view class='right_bottom_mid_t'>
40mm-50m
</view>
<view class='right_bottom_mid_b'>
番茄果径 番茄果径番茄果径
</view>
</view>
<!-- 右下右 -->
<view class='right_bottom_rig'>
立即参团
</view>
</view>
</view>
</view>
<view class='mid_item_bottom'>
<view class='mid_item_bottom_left'>
经典推荐
</view>
<!-- 竖线 -->
<view class='mid_line'></view>
<!-- 底部文本 -->
<view class='mid_item_bottom_bot'>
智利进口，绿色健康，硕大饱满
</view>
</view>
</view>
</view>
</view>
... ...
/* pages/homeindex/homeindex.wxss */
\ No newline at end of file
/* pages/homeindex/homeindex.wxss */
.search{
padding: 16rpx 32rpx;
height: 64rpx;
background: #6EAC3D;
display: flex;
justify-content: center;
align-content: space-between;
}
.search_inp{
box-sizing: border-box;
width: 608rpx;
height: 64rpx;
border-radius: 32rpx;
display:flex;
align-items: center;
padding-left: 76rpx;
padding-right: 32rpx;
background:#fff;
border: 0;
outline: none;
font-size: 26rpx;
position: relative;
}
.search_inp input{
width: 100%;
}
.search_inp image{
position: absolute;
left: 32rpx;
width: 32rpx;
height: 32rpx;
}
.search_txt{
height: 64rpx;
font-size: 30rpx;
color: #fff;
line-height: 64rpx;
padding-left: 16rpx;
}
.banner{
width: 688rpx;
height: 336rpx;
margin: 0 auto;
margin-top: 48rpx;
position: relative;
border-radius: 8rpx;
}
.swiper{
height: 100%;
position: absolute;
z-index: 99;
}
.swiper-item{
width: 688rpx;
margin: 0 auto;
height: 336rpx;
border-radius: 8rpx;
}
.swiper-item image{
height: auto;
}
.banner_Mask{
width:656rpx;
height: 336rpx;
background:rgba(181,222,150,1);
box-shadow:0rpx 6rpx 40rpx rgba(93,255,0,0.44);
opacity:0.3;
position: absolute;
bottom: 16rpx;
z-index: -1;
left: 16rpx;
border-radius: 8rpx;
}
.commodity{
width: 688rpx;
/* margin: 0 auto; */
padding: 64rpx 32rpx;
display: flex;
justify-content:space-around;
align-items: center;
font-size: 24rpx;
color: #333333;
border-bottom: 8px solid rgba(249,250,252,1);
}
.commodity view{
}
.introduce_list {
display: flex;
justify-content: space-around;
align-items: center;
padding: 36rpx 32rpx 48rpx 32rpx;
}
.introduce_list .introduce_item{
display: flex;
justify-content: space-between;
align-items: center;
}
.introduce_list .introduce_item:first-child image{
width: 32rpx;
height: 36rpx;
}
.introduce_list .introduce_item:nth-child(2) image{
width: 36rpx;
height: 31rpx;
}
.introduce_list .introduce_item:nth-child(3) image{
width: 32rpx;
height: 29rpx;
}
.introduce_list .introduce_item text{
font-size: 28rpx;
display: flex;
align-items: center;
margin-left: 16rpx;
}
.introduce image{
width: 668rpx;
height: 208rpx;
display: block;
margin: 0 auto;
}
.commodity image{
display: flex;
width: 112rpx;
height: 112rpx;
margin: 0 auto;
}
.commodity text{
display: flex;
margin-top: 14rpx;
text-align: center;
justify-content: center;
align-items: center;
}
.container{
width: 750rpx;
display: flex;
align-items: center;
flex-flow: column;
}
.mid{
margin-top: 16rpx;
display: flex;
flex-flow: column;
}
.mid_item{
margin-top: 16rpx;
width:688rpx;
/* height:400rpx; */
background:rgba(249,250,252,1);
opacity:1;
border-radius:8rpx;
display: flex;
align-items: center;
flex-flow: column;
box-sizing: border-box;
padding: 52rpx 16rpx 48rpx;
}
.mid_item_top{
display: flex;
width: 100%;
}
.mid_item_top_left{
width:208rpx;
height:208rpx;
/* background:rgba(250,250,250,1); */
opacity:1;
display: flex;
flex-flow: column;
}
.top_left_pic{
width: 208rpx;
height: 160rpx;
display: flex;
}
.top_left_pic image{
width: 100%;
height: 100%;
}
.top_left_text{
width: 202rpx;
height:48rpx;
background:rgba(251,4,4,1);
opacity:0.2;
text-align: center;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:48rpx;
color:rgba(255,255,255,1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mid_item_top_right{
width: 100%;
margin-left: 14rpx;
}
.right_top{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
}
.right_top_lef{
width: 270rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_top_rig{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.right_mid{
margin-top: 16rpx;
display: flex;
align-items: center;
}
.right_mid_lef{
width:288rpx;
height:16rpx;
background:rgba(236,236,236,1);
opacity:1;
border-radius:8rpx;
}
.right_mid_lef_color{
width:206rpx;
height:16rpx;
background:rgba(181,222,150,1);
opacity:1;
border-radius:8rpx;
}
.right_mid_rig{
margin-left: 16rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(181,222,150,1);
opacity:1;
}
.right_text{
margin-top: 14rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(204,204,204,1);
opacity:1;
}
.right_bottom{
display: flex;
align-items: center;
justify-content: space-between;
}
.RBM{
font-size: 22rpx;
color: #ff0000;
}
.number{
font-size: 30rpx;
color: #ff0000;
}
.text{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.right_bottom_mid{
width: 122rpx;
}
.right_bottom_mid_t{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_mid_b{
font-size:18rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_rig{
width:144rpx;
height:48rpx;
line-height: 48rpx;
background:rgba(249,150,20,1);
box-shadow:0rpx 2rpx 12rpx rgba(255,145,0,0.16);
opacity:1;
border-radius:24rpx;
text-align: center;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_item_bottom{
margin-top: 32rpx;
width:640rpx;
height:80rpx;
background:rgba(181,222,150,0.1);
border-radius:16rpx;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 32rpx;
}
.mid_item_bottom_left{
font-size:30rpx;
font-family:汉真广标;
font-weight:400;
color:rgba(110,172,61,1);
opacity:1;
}
.mid_line{
margin: 0 36rpx;
width:2rpx;
height:60rpx;
background:rgba(181,222,150,1);
opacity:1;
border-radius:4rpx;
}
.mid_item_bottom_bot{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text_color{
width:202rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:rgba(204,204,204,0.7);
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_lef{
width: 140rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
\ No newline at end of file
... ...
// pages/homeindex/result/result.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--pages/homeindex/result/result.wxml-->
<!-- <text>pages/homeindex/result/result.wxml</text> -->
<view class='search'>
<view class='search_inp'>
<input type='text' placeholder='请输入商品名称'></input>
<image src='../../../img/search.png'></image>
</view>
<view class='search_txt'>
取消
</view>
</view>
<view class='container'>
<view class='mid'>
<view class='mid_item'>
<!-- 顶部 -->
<view class='mid_item_top'>
<!-- 左边 -->
<view class='mid_item_top_left'>
<view class='top_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<view class='top_left_text'>
距结束23时59分距结束23时59分
</view>
</view>
<!-- 右边 -->
<view class='mid_item_top_right'>
<!-- 右上 -->
<view class='right_top'>
<view class='right_top_lef'>
纯进口有机菜花
</view>
<view class='right_top_rig'>
产地：智利
</view>
</view>
<!-- 右中1 -->
<view class='right_mid'>
<view class='right_mid_lef'>
<view class='right_mid_lef_color'></view>
</view>
<view class='right_mid_rig'>
42%
</view>
</view>
<!-- 右中2 -->
<view class='right_text'>
已拼300份，目标500份
</view>
<!-- 右下 -->
<view class='right_bottom'>
<!-- 右下左 -->
<view class='right_bottom_lef'>
<span class='RBM'>￥</span>
<span class='number'>52/</span>
<span class='text'>1磅1份1磅1份</span>
</view>
<!-- 右下中 -->
<view class='right_bottom_mid'>
<view class='right_bottom_mid_t'>
40mm-50m
</view>
<view class='right_bottom_mid_b'>
番茄果径番茄果径番茄果径
</view>
</view>
<!-- 右下右 -->
<view class='right_bottom_rig'>
立即参团
</view>
</view>
</view>
</view>
<view class='mid_item_bottom'>
<view class='mid_item_bottom_left'>
经典推荐
</view>
<!-- 竖线 -->
<view class='mid_line'></view>
<!-- 底部文本 -->
<view class='mid_item_bottom_bot'>
智利进口，绿色健康，硕大饱满
</view>
</view>
</view>
<view class='mid_item'>
<!-- 顶部 -->
<view class='mid_item_top'>
<!-- 左边 -->
<view class='mid_item_top_left'>
<view class='top_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<view class='text_color'>
距结束2时22分距结束2时22分
</view>
</view>
<!-- 右边 -->
<view class='mid_item_top_right'>
<!-- 右上 -->
<view class='right_top'>
<view class='right_top_lef'>
纯进口有机菜花
</view>
<view class='right_top_rig'>
产地：罗利
</view>
</view>
<!-- 右中1 -->
<view class='right_mid'>
<view class='right_mid_lef'>
<view class='right_mid_lef_color'></view>
</view>
<view class='right_mid_rig'>
42%
</view>
</view>
<!-- 右中2 -->
<view class='right_text'>
已拼300份，目标500份
</view>
<!-- 右下 -->
<view class='right_bottom'>
<!-- 右下左 -->
<view class='right_bottom_lef'>
<span class='RBM'>￥</span>
<span class='number'>52/</span>
<span class='text'>1磅1份1磅1份</span>
</view>
<!-- 右下中 -->
<view class='right_bottom_mid'>
<view class='right_bottom_mid_t'>
40mm-50m
</view>
<view class='right_bottom_mid_b'>
番茄果径 番茄果径番茄果径
</view>
</view>
<!-- 右下右 -->
<view class='right_bottom_rig'>
立即参团
</view>
</view>
</view>
</view>
<view class='mid_item_bottom'>
<view class='mid_item_bottom_left'>
经典推荐
</view>
<!-- 竖线 -->
<view class='mid_line'></view>
<!-- 底部文本 -->
<view class='mid_item_bottom_bot'>
智利进口，绿色健康，硕大饱满
</view>
</view>
</view>
</view>
</view>
... ...
/* pages/homeindex/result/result.wxss */
.search{
padding: 16rpx 32rpx;
height: 64rpx;
background: #6EAC3D;
display: flex;
justify-content: center;
align-content: space-between;
}
.search_inp{
box-sizing: border-box;
width: 608rpx;
height: 64rpx;
border-radius: 32rpx;
display:flex;
align-items: center;
padding-left: 76rpx;
padding-right: 32rpx;
background:#fff;
border: 0;
outline: none;
font-size: 26rpx;
position: relative;
}
.search_inp input{
width: 100%;
}
.search_inp image{
position: absolute;
left: 32rpx;
width: 32rpx;
height: 32rpx;
}
.search_txt{
height: 64rpx;
font-size: 30rpx;
color: #fff;
line-height: 64rpx;
padding-left: 16rpx;
}
.container{
width: 750rpx;
display: flex;
align-items: center;
flex-flow: column;
}
.mid{
margin-top: 16rpx;
display: flex;
flex-flow: column;
}
.mid_item{
margin-top: 16rpx;
width:688rpx;
/* height:400rpx; */
background:rgba(249,250,252,1);
opacity:1;
border-radius:8rpx;
display: flex;
align-items: center;
flex-flow: column;
box-sizing: border-box;
padding: 52rpx 16rpx 48rpx;
}
.mid_item_top{
display: flex;
width: 100%;
}
.mid_item_top_left{
width:208rpx;
height:208rpx;
/* background:rgba(250,250,250,1); */
opacity:1;
display: flex;
flex-flow: column;
}
.top_left_pic{
width: 208rpx;
height: 160rpx;
display: flex;
}
.top_left_pic image{
width: 100%;
height: 100%;
}
.top_left_text{
width: 202rpx;
height:48rpx;
background:rgba(251,4,4,1);
opacity:0.2;
text-align: center;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:48rpx;
color:rgba(255,255,255,1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mid_item_top_right{
width: 100%;
margin-left: 14rpx;
}
.right_top{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
}
.right_top_lef{
width: 270rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_top_rig{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.right_mid{
margin-top: 16rpx;
display: flex;
align-items: center;
}
.right_mid_lef{
width:288rpx;
height:16rpx;
background:rgba(236,236,236,1);
opacity:1;
border-radius:8rpx;
}
.right_mid_lef_color{
width:206rpx;
height:16rpx;
background:rgba(181,222,150,1);
opacity:1;
border-radius:8rpx;
}
.right_mid_rig{
margin-left: 16rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(181,222,150,1);
opacity:1;
}
.right_text{
margin-top: 14rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(204,204,204,1);
opacity:1;
}
.right_bottom{
display: flex;
align-items: center;
justify-content: space-between;
}
.RBM{
font-size: 22rpx;
color: #ff0000;
}
.number{
font-size: 30rpx;
color: #ff0000;
}
.text{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.right_bottom_mid{
width: 122rpx;
}
.right_bottom_mid_t{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_mid_b{
font-size:18rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_rig{
width:144rpx;
height:48rpx;
line-height: 48rpx;
background:rgba(249,150,20,1);
box-shadow:0rpx 2rpx 12rpx rgba(255,145,0,0.16);
opacity:1;
border-radius:24rpx;
text-align: center;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_item_bottom{
margin-top: 32rpx;
width:640rpx;
height:80rpx;
background:rgba(181,222,150,0.1);
border-radius:16rpx;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 32rpx;
}
.mid_item_bottom_left{
font-size:30rpx;
font-family:汉真广标;
font-weight:400;
color:rgba(110,172,61,1);
opacity:1;
}
.mid_line{
margin: 0 36rpx;
width:2rpx;
height:60rpx;
background:rgba(181,222,150,1);
opacity:1;
border-radius:4rpx;
}
.mid_item_bottom_bot{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text_color{
width:202rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:rgba(204,204,204,0.7);
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_lef{
width: 140rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
\ No newline at end of file
... ...
// pages/homeindex/search/search.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#6EAC3D",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<!--pages/homeindex/search/search.wxml-->
<!-- <text>pages/homeindex/search/search.wxml</text> -->
<view class='search'>
<view class='search_inp'>
<input type='text' placeholder='请输入商品名称'></input>
<image src='../../../img/search.png'></image>
</view>
<view class='search_txt'>
搜索
</view>
</view>
<view class='Popular'>
<view class='Popular_title'>
<text>热门搜索</text>
<image src='../../../img/zuire@3x.png'></image>
</view>
<view class='Popular_list'>
<view class='Popular_item'>
有机菜花
</view>
<view class='Popular_item'>
有机菜
</view>
<view class='Popular_item'>
有机菜花
</view>
<view class='Popular_item'>
有机菜花
</view>
<view class='Popular_item'>
有机菜花
</view>
</view>
<view class='History'>
<view class='History_title'>历史搜索</view>
<view class='History_list'>
<view class='History_item'>有机菜花</view>
<view class='History_item'>有机菜花</view>
<view class='History_item'>有机菜花</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/homeindex/search/search.wxss */
.search{
padding: 16rpx 32rpx;
height: 64rpx;
background: #6EAC3D;
display: flex;
justify-content: center;
align-content: space-between;
}
.search_inp{
box-sizing: border-box;
width: 608rpx;
height: 64rpx;
border-radius: 32rpx;
display:flex;
align-items: center;
padding-left: 76rpx;
padding-right: 32rpx;
background:#fff;
border: 0;
outline: none;
font-size: 26rpx;
position: relative;
}
.search_inp input{
width: 100%;
}
.search_inp image{
position: absolute;
left: 32rpx;
width: 32rpx;
height: 32rpx;
}
.search_txt{
height: 64rpx;
font-size: 30rpx;
color: #fff;
line-height: 64rpx;
padding-left: 16rpx;
}
.Popular{
padding: 32rpx;
padding-bottom: 0rpx;
}
.Popular_title{
display: flex;
align-items: center;
font-size: 26rpx;
color: #333;
font-weight: 400;
}
.Popular_title text{
margin-right: 12rpx;
}
.Popular image{
width: 28rpx;
height: 32rpx;
}
.Popular_list{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
margin-top: 28rpx;
padding-bottom: 16rpx;
border-bottom: 1rpx solid #F5F5F5;
}
.Popular_item,.History_item{
padding: 8rpx 26rpx;
border-radius: 24rpx;
background:rgba(247,247,247,1);
font-size: 26rpx;
margin-bottom: 16rpx;
margin-right: 16rpx;
}
.History{
margin-top: 30rpx;
}
.History_title{
font-size: 26rpx;
color: #333;
font-weight: 400;
}
.History_list{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
align-items: center;
}
\ No newline at end of file
... ...
... ... @@ -5,7 +5,26 @@ Page({
* 页面的初始数据
*/
data: {
navbar: [{
name: '居家用品'
},
{
name: '日用商品'
},
{
name: '数码商品'
},
{
name: '富硒生疏'
},
{
name: '野生海鲜'
},
{
name: '有机菜花'
},
],
currentTab: 0,
},
/**
... ... @@ -14,7 +33,13 @@ Page({
onLoad: function (options) {
},
navbarTap: function (e) {
console.log(88)
let that = this;
this.setData({
currentTab: e.currentTarget.dataset.idx,
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
... ...
{
"navigationBarTitleText": "分类"
"navigationBarTitleText": "分类",
"navigationBarBackgroundColor": "#6EAC3D",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<!--pages/kind/kind.wxml-->
<text>pages/kind/kind.wxml</text>
<!-- <text>pages/kind/kind.wxml</text> -->
<view class='container'>
<view class="nav mainindex_nav top">
<view wx:for="{{navbar}}" data-idx="{{index}}" class="nav_item {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}}
</view>
</view>
<view class='mid'>
<view class='mid_item'>
<!-- 顶部 -->
<view class='mid_item_top'>
<!-- 左边 -->
<view class='mid_item_top_left'>
<view class='top_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<view class='top_left_text'>
距结束23时59分距结束23时59分
</view>
</view>
<!-- 右边 -->
<view class='mid_item_top_right'>
<!-- 右上 -->
<view class='right_top'>
<view class='right_top_lef'>
纯进口有机菜花
</view>
<view class='right_top_rig'>
产地：智利
</view>
</view>
<!-- 右中1 -->
<view class='right_mid'>
<view class='right_mid_lef'>
<view class='right_mid_lef_color'></view>
</view>
<view class='right_mid_rig'>
42%
</view>
</view>
<!-- 右中2 -->
<view class='right_text'>
已拼300份，目标500份
</view>
<!-- 右下 -->
<view class='right_bottom'>
<!-- 右下左 -->
<view class='right_bottom_lef'>
<span class='RBM'>￥</span>
<span class='number'>52/</span>
<span class='text'>1磅1份1磅1份</span>
</view>
<!-- 右下中 -->
<view class='right_bottom_mid'>
<view class='right_bottom_mid_t'>
40mm-50m
</view>
<view class='right_bottom_mid_b'>
番茄果径番茄果径番茄果径
</view>
</view>
<!-- 右下右 -->
<view class='right_bottom_rig'>
立即参团
</view>
</view>
</view>
</view>
<view class='mid_item_bottom'>
<view class='mid_item_bottom_left'>
经典推荐
</view>
<!-- 竖线 -->
<view class='mid_line'></view>
<!-- 底部文本 -->
<view class='mid_item_bottom_bot'>
智利进口，绿色健康，硕大饱满
</view>
</view>
</view>
<view class='mid_item'>
<!-- 顶部 -->
<view class='mid_item_top'>
<!-- 左边 -->
<view class='mid_item_top_left'>
<view class='top_left_pic'>
<image src='../../../img/goods_1.png'></image>
</view>
<view class='text_color'>
距结束2时22分距结束2时22分
</view>
</view>
<!-- 右边 -->
<view class='mid_item_top_right'>
<!-- 右上 -->
<view class='right_top'>
<view class='right_top_lef'>
纯进口有机菜花
</view>
<view class='right_top_rig'>
产地：罗利
</view>
</view>
<!-- 右中1 -->
<view class='right_mid'>
<view class='right_mid_lef'>
<view class='right_mid_lef_color'></view>
</view>
<view class='right_mid_rig'>
42%
</view>
</view>
<!-- 右中2 -->
<view class='right_text'>
已拼300份，目标500份
</view>
<!-- 右下 -->
<view class='right_bottom'>
<!-- 右下左 -->
<view class='right_bottom_lef'>
<span class='RBM'>￥</span>
<span class='number'>52/</span>
<span class='text'>1磅1份1磅1份</span>
</view>
<!-- 右下中 -->
<view class='right_bottom_mid'>
<view class='right_bottom_mid_t'>
40mm-50m
</view>
<view class='right_bottom_mid_b'>
番茄果径 番茄果径番茄果径
</view>
</view>
<!-- 右下右 -->
<view class='right_bottom_rig'>
立即参团
</view>
</view>
</view>
</view>
<view class='mid_item_bottom'>
<view class='mid_item_bottom_left'>
经典推荐
</view>
<!-- 竖线 -->
<view class='mid_line'></view>
<!-- 底部文本 -->
<view class='mid_item_bottom_bot'>
智利进口，绿色健康，硕大饱满
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/kind/kind.wxss */
\ No newline at end of file
/* pages/kind/kind.wxss */
.top{
width: 750rpx;
height: 80rpx;
background: #6EAC3D;
display: flex;
align-items: center;
font-size:28rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(255,255,255,0.5);
opacity:1;
overflow-x: scroll;
flex-wrap: nowrap
}
.nav_item{
/* width: 200rpx; */
padding: 0 38rpx;
text-align: center;
flex:0 0 auto;
}
.active{
color: #FFFFFF;
position: relative;
}
.active:before{
content: "";
width:48rpx;
height:4rpx;
background:rgba(255,255,255,1);
opacity:1;
position: absolute;
left: 0;
right: 0;
bottom: -15rpx;
margin: 0 auto;
}
.container{
width: 750rpx;
display: flex;
align-items: center;
flex-flow: column;
}
.mid{
margin-top: 16rpx;
display: flex;
flex-flow: column;
}
.mid_item{
margin-top: 16rpx;
width:688rpx;
/* height:400rpx; */
background:rgba(249,250,252,1);
opacity:1;
border-radius:8rpx;
display: flex;
align-items: center;
flex-flow: column;
box-sizing: border-box;
padding: 52rpx 16rpx 48rpx;
}
.mid_item_top{
display: flex;
width: 100%;
}
.mid_item_top_left{
width:208rpx;
height:208rpx;
/* background:rgba(250,250,250,1); */
opacity:1;
display: flex;
flex-flow: column;
}
.top_left_pic{
width: 208rpx;
height: 160rpx;
display: flex;
}
.top_left_pic image{
width: 100%;
height: 100%;
}
.top_left_text{
width: 202rpx;
height:48rpx;
background:rgba(251,4,4,1);
opacity:0.2;
text-align: center;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:48rpx;
color:rgba(255,255,255,1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mid_item_top_right{
width: 100%;
margin-left: 14rpx;
}
.right_top{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20rpx;
}
.right_top_lef{
width: 270rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
color:rgba(51,51,51,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_top_rig{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.right_mid{
margin-top: 16rpx;
display: flex;
align-items: center;
}
.right_mid_lef{
width:288rpx;
height:16rpx;
background:rgba(236,236,236,1);
opacity:1;
border-radius:8rpx;
}
.right_mid_lef_color{
width:206rpx;
height:16rpx;
background:rgba(181,222,150,1);
opacity:1;
border-radius:8rpx;
}
.right_mid_rig{
margin-left: 16rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(181,222,150,1);
opacity:1;
}
.right_text{
margin-top: 14rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(204,204,204,1);
opacity:1;
}
.right_bottom{
display: flex;
align-items: center;
justify-content: space-between;
}
.RBM{
font-size: 22rpx;
color: #ff0000;
}
.number{
font-size: 30rpx;
color: #ff0000;
}
.text{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.right_bottom_mid{
width: 122rpx;
}
.right_bottom_mid_t{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_mid_b{
font-size:18rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_rig{
width:144rpx;
height:48rpx;
line-height: 48rpx;
background:rgba(249,150,20,1);
box-shadow:0rpx 2rpx 12rpx rgba(255,145,0,0.16);
opacity:1;
border-radius:24rpx;
text-align: center;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_item_bottom{
margin-top: 32rpx;
width:640rpx;
height:80rpx;
background:rgba(181,222,150,0.1);
border-radius:16rpx;
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 32rpx;
}
.mid_item_bottom_left{
font-size:30rpx;
font-family:汉真广标;
font-weight:400;
color:rgba(110,172,61,1);
opacity:1;
}
.mid_line{
margin: 0 36rpx;
width:2rpx;
height:60rpx;
background:rgba(181,222,150,1);
opacity:1;
border-radius:4rpx;
}
.mid_item_bottom_bot{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text_color{
width:202rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:rgba(204,204,204,0.7);
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
opacity:1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.right_bottom_lef{
width: 140rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
\ No newline at end of file
... ...
... ... @@ -76,15 +76,15 @@
},
{
"id": -1,
"name": "评价订单",
"pathName": "pages/mine/eOrder/eOrder",
"name": "首页",
"pathName": "pages/homeindex/homeindex",
"query": "",
"scene": null
},
{
"id": -1,
"name": "加入我们",
"pathName": "pages/mine/contactUs/contactUs",
"name": "搜索",
"pathName": "pages/homeindex/search/search",
"scene": null
}
]
... ...