通过微信开发者工具 商城模板 创建新小程序

mini-program/pages/goods/result/index.wxss

@@ -0,0 +1,114 @@
+page {
+  background-color: #fff;
+}
+
+page view {
+  box-sizing: border-box;
+}
+
+.result-container {
+  display: block;
+}
+
+.result-container .t-search {
+  padding: 0 30rpx;
+  background-color: #fff;
+}
+
+.result-container .t-class__input-container {
+  height: 64rpx !important;
+  border-radius: 32rpx !important;
+}
+
+.result-container .t-search__left-icon {
+  display: flex;
+  align-items: center;
+}
+
+.result-container .t-search__input {
+  font-size: 28rpx !important;
+  color: #333 !important;
+}
+
+.result-container .category-goods-list {
+  background-color: #f2f2f2;
+  overflow-y: scroll;
+  padding: 20rpx 24rpx;
+  -webkit-overflow-scrolling: touch;
+}
+
+.result-container .wr-goods-list {
+  background: #f2f2f2 !important;
+}
+
+.result-container .t-image__mask {
+  display: flex !important;
+}
+
+.result-container .empty-wrap {
+  margin-top: 184rpx;
+  margin-bottom: 120rpx;
+  height: 300rpx;
+}
+
+.result-container .empty-wrap .empty-tips .empty-content .content-text {
+  margin-top: 40rpx;
+}
+
+.result-container .price-container {
+  padding: 32rpx;
+  height: 100vh;
+  max-width: 632rpx;
+  background-color: #fff;
+  border-radius: 30rpx 0 0 30rpx;
+}
+
+.result-container .price-between {
+  font-size: 26rpx;
+  font-weight: 500;
+  color: rgba(51, 51, 51, 1);
+}
+
+.result-container .price-ipts-wrap {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  margin-top: 24rpx;
+}
+
+.result-container .price-ipts-wrap .price-divided {
+  position: relative;
+  width: 22rpx;
+  margin: 0 20rpx;
+  color: #222427;
+}
+
+.result-container .price-ipts-wrap .price-ipt {
+  box-sizing: border-box;
+  width: 246rpx;
+  font-size: 24rpx;
+  height: 56rpx;
+  padding: 0 24rpx;
+  text-align: center;
+  border-radius: 8rpx;
+  color: #333;
+  background: rgba(245, 245, 245, 1);
+}
+
+.t-class-input {
+  font-size: 24rpx !important;
+}
+
+.t-search__clear {
+  font-size: 40rpx !important;
+}
+
+.result-container .price-ipts-wrap .price-ipt::after {
+  border: none !important;
+}
+
+.result-container .t-input__control {
+  font-size: 24rpx !important;
+  text-align: center;
+}