首页完成
This commit is contained in:
8
components/index/search/index.js
Normal file
8
components/index/search/index.js
Normal file
@@ -0,0 +1,8 @@
|
||||
Component({
|
||||
properties: {
|
||||
},
|
||||
data: {
|
||||
},
|
||||
methods: {
|
||||
}
|
||||
})
|
||||
3
components/index/search/index.json
Normal file
3
components/index/search/index.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
||||
23
components/index/search/index.scss
Normal file
23
components/index/search/index.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
.search{
|
||||
width: 613rpx;
|
||||
height: 76rpx;
|
||||
margin-top: 30rpx;
|
||||
box-sizing: border-box;
|
||||
border-radius: 15rpx;
|
||||
display: flex;
|
||||
border:1rpx solid rgba(198,198,198,1);
|
||||
>image{
|
||||
width: 42rpx;
|
||||
height: 42rpx;
|
||||
background-color: #000;
|
||||
margin-left: 40rpx;
|
||||
margin-top: 17rpx;
|
||||
}
|
||||
>input{
|
||||
height: 30rpx;
|
||||
width: 480rpx;
|
||||
margin-top: 25rpx;
|
||||
margin-left: 17rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
4
components/index/search/index.wxml
Normal file
4
components/index/search/index.wxml
Normal file
@@ -0,0 +1,4 @@
|
||||
<view class="search">
|
||||
<image></image>
|
||||
<input type="text" placeholder="输入您要搜索的产品" />
|
||||
</view>
|
||||
1
components/index/search/index.wxss
Normal file
1
components/index/search/index.wxss
Normal file
@@ -0,0 +1 @@
|
||||
.search{width:613rpx;height:76rpx;margin-top:30rpx;box-sizing:border-box;border-radius:15rpx;display:flex;border:1rpx solid #c6c6c6}.search>image{width:42rpx;height:42rpx;background-color:#000;margin-left:40rpx;margin-top:17rpx}.search>input{height:30rpx;width:480rpx;margin-top:25rpx;margin-left:17rpx;font-size:30rpx}
|
||||
Reference in New Issue
Block a user