<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>