diff --git a/src/assets/css/face/item.less b/src/assets/css/face/item.less
index 1e3502aa4..5988fe1a7 100644
--- a/src/assets/css/face/item.less
+++ b/src/assets/css/face/item.less
@@ -2,6 +2,7 @@
     .flex;
     .pointer;
     .r(10px);
+    .pr();
     height: 280px;
     flex-shrink: 0;
     flex-direction: column;
@@ -28,6 +29,11 @@
         .size(auto,160px);
         .r(10px);
     }
+    .u-pinch__marker {
+        .pa();
+        .rt(25px);
+        .size(20px);
+    }
     .m-tags {
         .flex;
         .h(20px);
diff --git a/src/assets/img/face/bxs_barcode.svg b/src/assets/img/face/bxs_barcode.svg
new file mode 100644
index 000000000..c40ecaee8
--- /dev/null
+++ b/src/assets/img/face/bxs_barcode.svg
@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bxs:barcode">
+<rect width="20" height="20" rx="4" fill="white" fill-opacity="0.5"/>
+<path id="Vector" d="M16.6666 3.33337H3.33329C2.89127 3.33337 2.46734 3.50897 2.15478 3.82153C1.84222 4.13409 1.66663 4.55801 1.66663 5.00004V15C1.66663 15.4421 1.84222 15.866 2.15478 16.1786C2.46734 16.4911 2.89127 16.6667 3.33329 16.6667H16.6666C17.1087 16.6667 17.5326 16.4911 17.8451 16.1786C18.1577 15.866 18.3333 15.4421 18.3333 15V5.00004C18.3333 4.55801 18.1577 4.13409 17.8451 3.82153C17.5326 3.50897 17.1087 3.33337 16.6666 3.33337ZM6.66663 14.1667H4.16663V5.83337H6.66663V14.1667ZM8.33329 14.1667H7.49996V5.83337H8.33329V14.1667ZM9.99996 14.1667H9.16663V5.83337H9.99996V14.1667ZM13.3333 14.1667H10.8333V5.83337H13.3333V14.1667ZM15.8333 14.1667H14.1666V5.83337H15.8333V14.1667Z" fill="#FF7991"/>
+</g>
+</svg>
diff --git a/src/components/face/item.vue b/src/components/face/item.vue
index 82a3e2f0b..0281a1eb0 100644
--- a/src/components/face/item.vue
+++ b/src/components/face/item.vue
@@ -6,6 +6,7 @@
         v-reporter="{ data: { href: '/face/' + item.id, ...reporter }, caller: 'face_index' }"
     >
         <el-image class="u-img" :src="showThumb(imgLink)" fit="cover"></el-image>
+        <img v-if="item.code_mode" class="u-pinch__marker" src="@/assets/img/face/bxs_barcode.svg" alt="" />
         <div class="m-tags">
             <div class="m-tag-left">
                 <template v-if="client === 'std'">
diff --git a/src/components/face/tabs.vue b/src/components/face/tabs.vue
index a1995c90e..038b26715 100644
--- a/src/components/face/tabs.vue
+++ b/src/components/face/tabs.vue
@@ -24,9 +24,15 @@
                             <el-checkbox-button v-model="price_type" class="u-filter">免费</el-checkbox-button>
                             <el-checkbox-button v-model="is_unlimited" class="u-filter">可新建</el-checkbox-button>
                         </p>
-                        <el-radio-group v-model="filter_empty_images">
+                        <p style="margin-top: 0;">
+                            <el-radio-group v-model="filter_empty_images">
+                                <el-radio-button class="u-filter" :label="0">全部</el-radio-button>
+                                <el-radio-button class="u-filter" :label="1">有图</el-radio-button>
+                            </el-radio-group>
+                        </p>
+                        <el-radio-group v-model="code_mode">
                             <el-radio-button class="u-filter" :label="0">全部</el-radio-button>
-                            <el-radio-button class="u-filter" :label="1">有图</el-radio-button>
+                            <el-radio-button class="u-filter" :label="1">捏脸码</el-radio-button>
                         </el-radio-group>
                     </div>
                     <img svg-inline src="@/assets/img/filter.svg" slot="reference" />
@@ -79,6 +85,7 @@ export default {
             price_type: false,
             filter_empty_images: -1,
             is_new_face: -1,
+            code_mode: -1,
             title: "",
             filterOpen: false,
             screenWidth: window.innerWidth,
@@ -94,6 +101,7 @@ export default {
             if (this.filter_empty_images) _params.filter_empty_images = true;
             _params.is_new_face = this.is_new_face;
             _params.body_type = this.active;
+            _params.code_mode = this.code_mode;
             return _params;
         },
         client() {