JSFiddle - React, Tailwind, and code Playground

by Zili Xu

JavaScript

<div style="margin-right:auto;float:right;width:20%" id="board">
          <el-card style="position:fixed;">
            <!--el-card-->
            <div slot="header" style="padding-bottom:15px">
              <el-button style="float: left; padding: 3px" type="text">剩余时间:</el-button>
              <el-button
                @click="isShow=!isShow"
                style="float: right; padding: 3px"
                type="button"
                :title="isShowText"
              >{{isShowEmoji}}</el-button>
            </div>

            <div v-show="isShow">
              <p style="display:inline-block;width:100%; text-align:left;margin:0">一</p>
              <div
                v-for="(item, index) in pForm.questionList1"
                :key="'no1'+index"
                style="display:inline;float:left"
              >
                <el-tag
                  :type="studentAns[index]?'info':'danger'"
                  effect="dark"
                  style="margin:3px;width:30px;height:30px"
                  @click.native="goAnchor(index)"
                >{{index+1}}</el-tag>
              </div>
              </div>