处理搜索

pages/search/index.wxss

@@ -0,0 +1,127 @@
+page {
+    background: #f7f7f7;
+}
+
+
+.cont-box {
+    padding: 20rpx;
+}
+
+.dis-flex {
+    display: flex;
+}
+
+
+.search-input-box {
+    height: 64rpx;
+}
+
+
+.search-input {
+    width: 80%;
+    background: #fff;
+    border-radius: 10rpx 0 0 10rpx;
+    padding-left: 10rpx;
+    box-sizing: border-box;
+    overflow: hidden;
+}
+
+
+.search-box .left {
+    width: 60rpx;
+}
+
+.search-box .left icon {
+    padding: 18rpx;
+}
+
+.search-box .right {
+    flex: 1;
+}
+
+
+
+
+
+.search-input input {
+    font-size: 30rpx;
+    height: 64rpx;
+    line-height: 64rpx;
+}
+
+.serch-button {
+    width: 25%;
+    box-sizing: border-box;
+}
+
+.serch-button button {
+    color: #fff;
+    background: #3c8bf6;
+    width: 100%;
+    line-height: 64rpx;
+    height: 64rpx;
+    font-size: 28rpx;
+    border-radius: 0 10rpx 10rpx 0;
+}
+
+
+
+
+
+.title-box {
+    display: flex;
+    justify-content: space-between; 
+    padding: 50rpx 0 0 0;
+}
+
+.title-box-title {
+    color: #777;
+    font-size: 28rpx;
+}
+
+.title-box-image {
+    width: 30rpx;
+    height: 30rpx;
+}
+
+
+.sale-button-box {
+    display: flex;
+    padding: 10rpx 0;
+    flex-flow: wrap;
+    overflow: hidden;
+}
+/* .seconds-kill-li {
+    padding: 10rpx;
+    box-sizing: border-box;
+} */
+
+
+.seconds-kill-li {
+    display: block;
+    padding: 10rpx;
+    box-sizing: border-box;
+    /* width: 33.3%; */
+    min-width: 33.3%;
+    float: left;
+}
+
+
+.recent-button {
+    background: #fff;
+    /* padding:10rpx 10rpx 10rpx 10rpx; */
+    padding-left: 15rpx;
+    padding-right: 15rpx;
+    color: #777;
+    border-radius: 50rpx;
+    justify-content: center;
+    text-align: center;
+    font-size: 26rpx;
+    border: 1rpx solid #eee;
+    overflow: hidden!important;
+    white-space: nowrap!important;
+    text-overflow: ellipsis!important;
+    height: 60rpx;
+    line-height: 60rpx;
+    
+}