| | |
| | | |
| | | } |
| | | |
| | | let enlargementFlag = ref(false) |
| | | const trademarkenlargement = () => { |
| | | enlargementFlag.value = !enlargementFlag.value |
| | | } |
| | | |
| | | |
| | | </script> |
| | |
| | | </el-col> |
| | | </el-row> |
| | | </div> |
| | | <div style="width: 400px;height: 250px;border: 2px solid #000;float: left;position: relative;"> |
| | | <div v-if="!enlargementFlag" style="width: 400px;height: 250px;border: 2px solid #000;float: left;position: relative;"> |
| | | <div |
| | | v-if="tagCheck(t('craft.upperLeft'))" |
| | | style="float: left;width: 50px;height: 90px;margin-left: 1rem;margin-top: 15px"> |
| | | <el-row class="icon"> |
| | | <el-col class="icon" > |
| | | <el-image style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row > |
| | |
| | | style="float: right;width: 50px;height: 90px;margin-right: 1rem;margin-top: 15px"> |
| | | <el-row class="icon"> |
| | | <el-col class="icon" > |
| | | <el-image style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row > |
| | |
| | | |
| | | |
| | | <div |
| | | |
| | | v-if="tagCheck(t('craft.lowLeft'))" |
| | | style="width: 50px;height: 90px;margin-left: 1rem;float: left;position: absolute;bottom: 15px" > |
| | | <el-row > |
| | |
| | | </el-row> |
| | | <el-row class="icon"> |
| | | <el-col class="icon" > |
| | | <el-image style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <el-image @dblclick="trademarkenlargement" style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | |
| | | </el-row> |
| | | <el-row class="icon"> |
| | | <el-col class="icon"> |
| | | <el-image style="width: 100%;height: 100%" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | <el-image style="width: 100%;height: 100%" @dblclick="trademarkenlargement" :class="{'xStyle':trademarkAttr.xImage,'yStyle':trademarkAttr.yImage}" :src="iconNickname"/> |
| | | </el-col> |
| | | </el-row> |
| | | |
| | |
| | | |
| | | |
| | | </div> |
| | | <div v-if="enlargementFlag" style="width: 400px;height: 250px;float: left;position: relative;"> |
| | | <el-image @dblclick="trademarkenlargement" style="z-index: 9999;max-width: 100%;max-height: 100%" :src="iconNickname"/> |
| | | </div> |
| | | </el-dialog> |
| | | |
| | | </div> |