银花优选微信小程序修改后的最新版本代码

pages/classify/index.wxss

@@ -0,0 +1,97 @@
+page{
+  background: #ccc;
+}
+.container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  color: #000;  
+}
+.nav_left{
+  width: 25%;
+  height: 100vh;
+  background: #f5f5f5;
+  text-align: center;
+  overflow: hidden;
+  overflow-y: auto;
+  position: fixed;
+  left:0;
+  top:0;
+}
+.nav_left .nav_left_items{
+  height: 30px;
+  line-height: 30px;
+  padding: 6px 0;
+  border-bottom: 1px solid #dedede;
+}
+.nav_left .nav_left_items.active{
+  background: #fff;
+}
+.nav_right{
+  position: absolute;
+  right: 0;
+  top:0;
+  width: 75%;
+  min-height: 100vh;
+  margin: 0;
+  padding: 5px;
+  background: #fff;
+  box-sizing: border-box;
+  
+}
+.nav_right .nav_right_item{
+  float: left;
+  width: auto;
+  text-align: center;
+  padding:5px;
+  box-sizing: border-box;
+  background: #ccc;
+  border: 1px solid #f1f1f1;
+}
+.nav_right .nav_right_item.active{
+  background: #fff;
+  border: 1px solid #f1f1f1;
+}
+.container .brand_item{
+  float: left;
+  width:50%;
+  margin:0;
+  padding:1em;
+  background-color: #fff;
+  border: 1px solid #f1f1f1;
+  box-sizing: border-box;
+  text-align: center;
+  overflow: hidden;
+}
+
+.container .brand_item .pic{
+  width: 6em;
+  height: 6em;
+}
+.container .brand_item .pic image{
+  width: 100%;
+  height: 100%;
+}
+.brand_item_cont{
+  width: 100%;
+}
+
+.brand_item_cont .name{
+  margin: 10px 0;
+  margin-bottom: 5px;
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.brand_item_cont .ourprice{
+  color: #ff4d00;
+  font-weight: bold;
+}
+
+.brand_item_cont .marketprice{
+  text-decoration: line-through;
+  color: #939393;
+}