上传代码

uniapp04/unpackage/dist/dev/mp-weixin/pages/foodCode/foodCode.wxss

@@ -0,0 +1,80 @@
+
+.viewport {
+	height: 100vh; 
+	width: 100%; 
+	background-image: linear-gradient(to bottom, #4095e5 25%, #ffffff 25%);
+}
+.viewportCenter {
+		height: 100vh; 
+		width: 90%;
+		margin: 15% auto;
+		background-image: linear-gradient(to bottom, #f5f5f5 30%, #fff 30%);
+		border-radius: 15px;
+}
+.image {
+		width: 100px;
+		height: 100px;
+		margin-top: 15px;
+		margin-left: 15px;
+}
+.merchantState {
+		float: right;
+		margin-top: 50px;
+		margin-right: 100px;
+		font-weight: 700;
+		font-size: 35rpx;
+}
+.userPhone,.sequence {
+		font-size: 30rpx;
+		padding-top: 15px;
+		margin-left: 10px;
+}
+.goods {
+	  margin: 20rpx;
+	  padding: 0 20rpx;
+	  border-radius: 10rpx;
+	  background-color: #fff;
+	  border: 1px solid #9f9f9f;
+}
+.item {
+	    display: flex;
+	    padding: 30rpx 0;
+	    border-top: 1rpx solid #eee;
+}
+&:first-child {
+	      border-top: none;
+}
+.picture {
+	      width: 250rpx;
+	      height: 170rpx;
+	      border-radius: 15rpx;
+	      margin-right: 20rpx;
+}
+.meta {
+	      flex: 1;
+	      display: flex;
+	      flex-direction: column;
+	      justify-content: center;
+	      position: relative;
+}
+.name {
+	      height: 20px;
+	      font-size: 30rpx;
+		  font-weight: 700;
+	      color: #444;
+}
+.attrs {
+	      line-height: 1.8;
+	      padding: 0 15rpx;
+	      margin-top: 6rpx;
+	      font-size: 24rpx;
+	      align-self: flex-start;
+	      border-radius: 4rpx;
+	      color: #888;
+	      background-color: #f7f7f8;
+}
+.money {
+			font-size: 30rpx;
+			font-weight: 700;
+			margin-left: 20px;
+}