| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- <template>
- <view class="bg-white pb-10 rounded-8 overflow-hidden">
- <image class="w-all h-195"
- src="https://img1.baidu.com/it/u=2172818577,3783888802&fm=253&app=138&f=JPEG?w=800&h=1422">
- </image>
- <view
- class="goods-count px-12 flex items-center justify-between text-white w-all h-32 rounded-6 mt--15 zi-2 relative">
- <view class="fw-500 fs-18">热卖爆品</view>
- <view class="fw-400 fs-13">已售1000件</view>
- </view>
- <view class="fw-500 fs-13 text-333333 mt-11 px-12">
- [广州康和药业 GKH PHARMACEUTICAL LTD]盐酸多西环素片 0.1g*12片 1盒装
- </view>
- <view class="fw-400 fs-12 text-D46C0D mt-7 px-12">
- 处方药须凭处方在药师指导下购买和使用
- </view>
- <view class="flex items-center justify-between mt-7 px-12">
- <view class="flex items-center gap-4 text-FF4B33 fs-11">
- <view class="px-4 ph-2 border border-FFA599 rounded-2 ">9.5折</view>
- <view class="px-4 ph-2 border border-FFA599 rounded-2 ">限购1份</view>
- </view>
- <view class="flex items-center gap-2">
- <view class="fs-12 text-FA341E fw-400">领卷</view>
- <image class="w-12 h-12" src="/static/images/home/sdyhzq_bg@2x.png"></image>
- </view>
- </view>
- <view class="flex items-center justify-between mt-8 px-12">
- <view class="flex items-end gap-8">
- <view class="text-FA341E ">
- <text class="fs-12 fw-600">¥</text>
- <text class="fs-24 fw-600">105</text>
- <text class="fs-15 fw-600">.36</text>
- </view>
- <view class="text-999999 fs-13 fw-400 text-line-through pb-3">
- ¥128.00
- </view>
- </view>
- <view class="flex items-center w-110 h-34 rounded-34 overflow-hidden">
- <view class="w-44 h-all flex items-center justify-center bg-38D97D">
- <image class="w-20 h-20" src="/static/images/home/shopping_car_icon24@2x.png">
- </image>
- </view>
- <view class="flex-1 h-all flex items-center justify-center bg-02B176 fw-500 text-white fs-14">
- 去购买</view>
- </view>
- </view>
- </view>
- </template>
- <style scoped lang="scss">
- .goods-count {
- background: linear-gradient(to right, #FA341E, #F4A007)
- }
- </style>
|
