index.js

<view class="sale-product-container" >
  <view class="sale-product-header">
    <my-icon glyphIcon="sale" size="{{21}}" />
    <text class="sale-product-header-title" >
      Giảm 50% cho tất cả sản phẩm
    </text>
    <my-icon lineIcon="right-arrow" size="{{21}}" />
  </view>

  <view class="sale-product-info-container" >
    <image src="../../../../assets/images/sale-product.png" class="sale-product-image" />
    <view class="sale-product-info" >
      <text class="sale-product-name" >Chilling Vinyl</text>
      <my-icon glyphIcon="blue-tick" size="{{13}}" />
      <text class="sale-product-desc">Đĩa Vinyl - Hàng có sẵn & Pre-order</text>
      <text class="sale-product-quantity" >412 sản phẩm</text>
    </view>
  </view>
</view>

index.json

{
  "component": true,
  "usingComponents": {
    "my-icon": "../../../../components/MyIcon/index" // Component 
  }
}