提交

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

@@ -0,0 +1,123 @@
+/* 商品图背景 */
+.image{
+  width: 100%;
+  height: 300px;
+}
+/* 价格 */
+.box1{
+  width: 100%;
+  display: flex;
+  background-color: #eec2c7;
+  position: relative;
+  border-radius: 15px;
+}
+.z1{
+  top: 20rpx;
+  left: 20rpx;
+  position: relative;
+}
+.z2{
+  font-weight: bolder;
+  font-size: 20px;
+}
+.z3{
+  font-size: 22px;
+  font-weight: bolder;
+}
+.z4{
+  position: relative;
+  color: rgb(29, 18, 18);
+}
+.box8{
+  display:flex;
+  flex-direction: column;
+  width: 60%;
+}
+/* 商品介绍 */
+.z5{
+  font-size: 15px;
+  color: darkgrey;
+}
+.time{
+  width: 100%;
+  height: auto;
+  border-top: 2px solid #aba8a8;
+  margin-top: 40rpx;
+  margin-bottom: 130rpx;
+  border-radius: 20px;
+}
+.yuyuetext{
+ width: 100%;
+ height: 50px;
+}
+.timebox{
+  width: 100px;
+  height: 40px;
+  border: 1px solid #8f8c8c;
+  border-radius: 10px;
+  margin-left: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 10rpx;
+}
+.boxtextkuang{
+ width: 100%;
+ height: 180px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ gap: 10px;
+}
+.miajishikuang {
+  display: flex;
+  flex-wrap: wrap;  /* 允许换行 */
+  justify-content: flex-start;  /* 使项目均匀分布 */
+  gap: 10px;
+}
+.meijishsibox {
+  width: 23%;  
+  text-align: center;
+}
+.meijiashiimage {
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+  display: block;
+  margin: 0 auto; 
+}
+.mejiashitext {
+  margin-top: 5px;  
+  display: flex;
+  justify-content: center;
+}
+.duihaoimage {
+  width: 20px;
+  height: 20px;
+}
+.duihaoimage{
+  width: 20px;
+  height: 20px;
+}
+.zhifubox{
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position:fixed;
+  bottom: 40rpx;
+}
+.zhifuzhong{
+  width: 90%;
+  height: 50px;
+  background-color: #eec2c7;
+  border-radius: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.textbox{
+  width: 30%;
+  display: flex;
+  flex-direction: column;
+}