提交

甲情_甲意/miniprogram/pages/gouwuche/gouwuche.acss

@@ -0,0 +1,162 @@
+.box {
+  width: 100%;
+  min-height: 100vh; /* 确保容器至少占满屏幕的高度 */
+  background-color: #eec2c7;
+  overflow-y: auto; /* 允许竖直方向滚动 */
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  overflow:hidden; /* 防止溢出 */
+  
+}
+
+.box3 {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  background-color: rgba(252, 240, 240, 0.807);
+  border-radius: 20px;
+  margin: 5rpx;
+  margin-bottom: 50px; /* 留出一些空间给底部结算栏 */
+  margin-top: 30rpx;
+}
+
+.box1 {
+  width: 100%;
+  height: 200px;
+  display: flex;
+  flex-direction: column;
+  margin-top: 10rpx;
+}
+.dianpuname{
+  width: 100%;
+  height: 10%;
+  display: flex;
+  align-items: center;
+  margin-top: 10rpx;
+  justify-content: space-between;
+}
+.dianpunamea{
+  width: 50%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  margin-top: 10rpx;
+}
+.heizi{
+  width: 100%;
+  height: 90%;
+  display: flex;
+}
+
+.image {
+  width: 120px;
+  height: 120px;
+  border-radius: 10px;
+}
+
+.box4 {
+  width: 15%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.box5 {
+ width: 100%;
+ height: 70%;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+
+.text {
+  padding: 5px;
+}
+
+.container {
+  width: 100%;
+  height: 30%;
+  display: flex;
+  justify-content: end;
+}
+.jian{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 20rpx;
+}
+.fenbu{
+  width: 50%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.boxd {
+  width: 100px;
+  height: 40px;
+  position: absolute;
+  border-radius: 30px;
+  background-color: rgb(162, 12, 12);
+  left: 570rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.text1 {
+  color: #ffffff;
+  position: unset;
+}
+
+.boxall {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background-color: #fff;
+  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
+}
+.text2 {
+  position: relative;
+  left: 200rpx;
+}
+.text3{
+  font-size:12px;
+  color:#a8b0b8;
+  margin-right: 15rpx;
+}
+.number{
+  width: 30px;
+  height: 25px;
+  background-color: white;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.beijing{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 25px;
+  height: 25px;
+  background-color: white;
+  font-size: 20p;
+  
+}
+.imagejiantou{
+  width: 35px;
+  height: 35px;
+}
+.shangpinimage{
+  width: 35%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}