feat: 商品详情交互开发
This commit is contained in:
@@ -1,16 +1,5 @@
|
||||
<template>
|
||||
<view class="good-info">
|
||||
<!-- 价格区域 -->
|
||||
<view class="price-section">
|
||||
<view class="price-main">
|
||||
<text class="currency">¥</text>
|
||||
<text class="price">{{ goodsData.price || 399 }}</text>
|
||||
</view>
|
||||
<view class="price-tag" v-if="goodsData.tag">
|
||||
{{ goodsData.tag }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 标题区域 -->
|
||||
<view class="title-section">
|
||||
<text class="title">
|
||||
|
||||
@@ -2,33 +2,6 @@
|
||||
background: #fff;
|
||||
margin-bottom: 12px;
|
||||
|
||||
// 价格区域
|
||||
.price-section {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.price-main {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
|
||||
.currency {
|
||||
font-size: 12px;
|
||||
color: #ff6a00;
|
||||
font-weight: 600;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.price {
|
||||
font-size: 18px;
|
||||
color: #ff6a00;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 标题区域
|
||||
.title-section {
|
||||
margin-bottom: 12px;
|
||||
|
||||
Reference in New Issue
Block a user