/* pages/mine/shop/mineshop.wxss */ page { background: #F7F7F7; } /* .cardTitle { color: #fff; padding: 20rpx 40rpx; font-size: 70rpx; font-weight: 300; position: relative; text-align: center; text-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.3) } .cardTitle::before { position: absolute; width: 60rpx; height: 6rpx; border-radius: 20rpx; display: block; } .cardTitle::after { position: absolute; width: 140rpx; border-radius: 6rpx; height: 24rpx; display: block; bottom: 76rpx; left: 90rpx; opacity: 0.1; } */ .page-content { display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center; } .info-box { width: 95%; display: flex; flex-direction: column; align-items: center; border-radius: 10rpx; /* background-color: #E6B980; */ margin-top: 20rpx; align-self: center; box-shadow: 10px 10px 60px 5px #efd9be; border-radius: 10rpx; padding: 10rpx 0rpx; } .base-info { width: 95%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 10rpx; } .base-info-text { display: flex; flex: 1; margin-left: 10rpx; flex-direction: column; align-items: left; justify-content: space-between; height: 200rpx; text-align: right; } .shop-name { font-size: 36rpx; text-align: center; color: #bf7708; } .base-info image { width: 200rpx; height: 200rpx; border-radius: 10rpx; } .base-info-loc { margin-top: 20rpx; font-size: 36rpx; width: 95%; text-align: left; } .shop-img { margin-top: 20rpx; display: flex; width: 95%; flex-direction: column; justify-content: center; align-items: left; } .shop-img-item { display: flex; flex-direction: row; align-items: center; justify-content: space-between; min-height: 60rpx; } .shop-img-item image { width: 48rpx; height: 48rpx; } .authentication-info { position: absolute; right: 20rpx; } .authentication-info image { width: 100rpx; height: 100rpx; } .control-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 95%; margin-top: 30rpx; } .control-btn { flex: 1; color: #ffffff; padding: 10rpx 0rpx; text-align: center; border-radius: 10rpx; margin: 10rpx; } .control-btn:nth-child(1) { background-image: linear-gradient(85deg, #f7b5b5, #f51f1f); } .control-btn:nth-child(1):active { color: #000000; background-image: linear-gradient(85deg, #979797, #bbbbbb); } .control-btn:nth-child(2) { background-image: linear-gradient(85deg, #b8d4f4, #037ccc); } .control-btn:nth-child(2):active { color: #000000; background-image: linear-gradient(85deg, #979797, #bbbbbb); } .control-btn:nth-child(3) { background-image: linear-gradient(85deg, #F4DBB8, #E6B980); } .control-btn:nth-child(3):active { color: #000000; background-image: linear-gradient(85deg, #979797, #bbbbbb); }