+
+
+
+ ¥
+ 8
+ .8
+
+ {{ state.detail.name }}
+ 已售20/100
+
@@ -181,8 +192,52 @@ const state = reactive({
.content {
//background: rgb(247, 247, 249);
- background: gray;
- padding: 5rem;
+ background: #f1f1f1;
+ padding: 8rem;
+ border-radius: 16rem 16rem 0 0;
+ transform: translateY(-20rem);
+
+ .info {
+ padding: 0 8rem;
+
+ .price-wrap {
+ margin-bottom: 10rem;
+ .price {
+ color: red;
+ font-weight: bold;
+
+ .symbol {
+ font-size: 16rem;
+ }
+
+ .int {
+ font-size: 26rem;
+ }
+
+ .decimal {
+ letter-spacing: 2px;
+ font-size: 20rem;
+ }
+ }
+ }
+
+ .name {
+ color: black;
+ font-size: 16rem;
+ margin-bottom: 8rem;
+ @lh: 18rem;
+ line-height: @lh;
+ height: @lh * 2;
+ overflow: hidden;
+ font-weight: bold;
+ letter-spacing: 1rem;
+ }
+
+ .num {
+ font-size: 12rem;
+ color: gray;
+ }
+ }
.card {
margin: 5rem;
@@ -302,17 +357,7 @@ const state = reactive({
}
}
- .title {
- color: black;
- font-size: 16rem;
- margin-bottom: 8rem;
- @lh: 18rem;
- line-height: @lh;
- height: @lh * 2;
- overflow: hidden;
- font-weight: bold;
- letter-spacing: 1rem;
- }
+
}
}