|
|
@@ -31,8 +31,63 @@
|
|
|
<el-tooltip class="item" effect="dark" content="模型" placement="left">
|
|
|
<i class="el-icon-receiving"></i>
|
|
|
</el-tooltip>
|
|
|
-
|
|
|
</span>
|
|
|
+ <el-radio-group v-model="whosmodel" style="margin: 0 auto;" size="mini">
|
|
|
+ <el-radio-button label="red">红方</el-radio-button>
|
|
|
+ <el-radio-button label="blue">蓝方</el-radio-button>
|
|
|
+ </el-radio-group >
|
|
|
+ <div v-if="whosmodel == 'red'" class="model">
|
|
|
+ <div>
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 80px; margin: 0 auto;"
|
|
|
+ :src="url"
|
|
|
+ fit="fill">
|
|
|
+ </el-image>
|
|
|
+ <h1 style="text-align: center;">Thad拦截导弹</h1>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 80px; margin: 0 auto;"
|
|
|
+ :src="url"
|
|
|
+ fit="fill">
|
|
|
+ </el-image>
|
|
|
+ <h1 style="text-align: center;">拦截雷达</h1>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 80px; margin: 0 auto;"
|
|
|
+ :src="url"
|
|
|
+ fit="fill">
|
|
|
+ </el-image>
|
|
|
+ <h1 style="text-align: center;">拦截卫星</h1>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else class="model">
|
|
|
+ <div>
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 80px; margin: 0 auto;"
|
|
|
+ :src="url"
|
|
|
+ fit="fill">
|
|
|
+ </el-image>
|
|
|
+ <h1 style="text-align: center;">弹道导弹</h1>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 80px; margin: 0 auto;"
|
|
|
+ :src="url"
|
|
|
+ fit="fill">
|
|
|
+ </el-image>
|
|
|
+ <h1 style="text-align: center;">雷达诱饵</h1>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-image
|
|
|
+ style="width: 100px; height: 80px; margin: 0 auto;"
|
|
|
+ :src="url"
|
|
|
+ fit="fill">
|
|
|
+ </el-image>
|
|
|
+ <h1 style="text-align: center;">干扰雷达</h1>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
<div class="buttons">
|
|
|
@@ -66,7 +121,9 @@ export default ({
|
|
|
currentLab: {
|
|
|
index: -1,
|
|
|
isActive: false
|
|
|
- }
|
|
|
+ },
|
|
|
+ whosmodel: "red",
|
|
|
+ url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -413,4 +470,25 @@ export default ({
|
|
|
width: 300px;
|
|
|
display: none;
|
|
|
}
|
|
|
+
|
|
|
+.model{
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.model > div{
|
|
|
+ width: 50%;
|
|
|
+ height: 120px;
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.model .el-image {
|
|
|
+ display: block !important;
|
|
|
+}
|
|
|
+
|
|
|
+/deep/ .el-image .el-image__inner{
|
|
|
+ border:1px solid #ddd;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
</style>
|
