ColorUI 微信小程序 商品详情页模板,仿微信胶囊

 

 

 

使用的是colorui的小程序UI框架。

colorui地址:https://www.color-ui.com/


index.wxml

<!--商品轮播图-->
<swiper class="screen-swiper square-dot bg-white" indicator-dots="true" circular="true" autoplay="true" interval="5000" duration="500">
    <swiper-item wx:for="{
  
  {swiperlist}}" wx:key="index">
        <image src="{
  
  {item}}" mode='aspectFill'></image>
    </swiper-item>
</swiper>

<!--左上角按钮-->
<view class="canui-head-box" style="top:{
  
  {StatusBar}}px;">
    <text class="icon-back"></text>
    <text class="icon-home"></text>
</view>

<!--商品价格-->
<view class="bg-white canui-goods-box" style="padding-top:
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值