HBuilderX -》 工具-》代码块设置-》vue代码块 打开后把下面代码复制粘贴到右则 { }保存，就能使用了

    qcell ——-> cell 布局
    qgrid ——-> grid布局
    qflex ——-> flex布局
    qcard ——-> card布局
    qimg ———> 懒加载 图片

    自己觉得常用的代码可以自己添加

    1. "qimg": {
    2.         "body": [
    3.             "<q-image :isRatio=\"true\" :imgwh=\"[750,375]\" src=\"$0\"></q-image>"
    4.         ],
    5.         "prefix": "qimg"
    6.     },
    7.     "qgrid": {
    8.         "body": [
    9.             "<view class=\"qui-grids column3 gutter10 plr10\">",
    10.                  "\t<view class=\"qui-grid\" v-for=\"(item,index) in 6\" :key=\"index\">",
    11.                      "\t\t<view class=\"fs24 mt10\">$0</view>",
    12.                  "\t</view>",
    13.              "</view>"
    14.         ],
    15.         "prefix": "qgrid"
    16.     },
    17.     "qcell": {
    18.         "body": [
    19.             "<view class=\"qui-cells\">",
    20.                 "\t<view class=\"qui-cell\">",
    21.                     "\t\t<view class=\"cell-bd\">$0</view>",
    22.                 "\t</view>",
    23.             "</view>"
    24.         ],
    25.         "prefix": "qcell"
    26.     },
    27.     "qcard": {
    28.         "body": [
    29.             "<view class=\"qui-card\">",
    30.                 "\t<view class=\"card-hd\">",
    31.                     "\t\t<text>标题</text>",
    32.                 "\t</view>",
    33.                 "\t<view class=\"card-bd\">",
    34.                     "\t\t<text>内容区</text>",
    35.                 "\t</view>",
    36.             "</view>"
    37.         ],
    38.         "prefix": "qcard"
    39.     },
    40.     "qflex": {
    41.         "body": [
    42.             "<view class=\"flex a-center\">",
    43.                 "\t<view class=\"mr20\">$0</view>",
    44.                 "\t<view class=\"flex-item\">$1</view>",
    45.             "</view>"
    46.         ],
    47.         "prefix": "qflex"
    48.     },
    49.   "qswiper": {
    50.         "body": [
    51.             "<swiper style=\"height: 262rpx;\"  :class=\"true?'square-dot':'round-dot'\" :indicator-dots=\"true\" :circular=\"true\" :autoplay=\"true\">",
    52.               "\t<swiper-item v-for=\"(item, index) in 3\" :key=\"index\">",
    53.                 "\t\t<navigator hover-class=\"none\" url=\"#\">",
    54.                   "\t\t\t<q-image :lazyLoad=\"false\" :imgwh=\"[750, 375]\" :isRatio=\"true\" src=\"$0\"></q-image>",
    55.                   "\t\t</navigator>",
    56.               "\t</swiper-item>",
    57.             "</swiper>"
    58.         ],
    59.         "prefix": "qswiper"
    60.     }