Browse Source

答题对错提示

h5_css
xiaoxu 3 years ago
parent
commit
41fdcbc80e
  1. 36
      components/s-video/s-video.vue
  2. 3
      components/tabbar/tabbar.vue
  3. BIN
      static/images/icon-err.png
  4. BIN
      static/images/icon-ok.png
  5. 9
      subpkg/list/list.vue
  6. 5
      subpkg/role/role.vue

36
components/s-video/s-video.vue

@ -11,6 +11,8 @@
<view class="anitem" @click="nextQuestion(item.outs[0], item)" v-for="(item, index) in answerList">
<image class="animg" src="/static/videos/skin_bg_1a.png"></image>
<view class="antxt">{{item.channel}}</view>
<view class="judd jdok"><image class="judimg" src="/static/images/icon-ok.png"></image></view>
<view class="judd jderr"><image class="judimg" src="/static/images/icon-err.png"></image></view>
</view>
</view>
</view>
@ -205,20 +207,48 @@
.popup-layer .anitem {
position: relative;
margin: 80rpx;
width: 300rpx;
width: 600rpx;
height: 100rpx;
text-align: center;
}
.popup-layer .anitem .animg {
width: 100%;
height: 100%;
height: 160rpx;
}
.popup-layer .anitem .antxt {
position: absolute;
top: 30%;
top: 60%;
width: 100%;
font-size: 1.2rem;
}
.judd {
position: absolute;
top: -20rpx;
right: -50rpx;
width: 100rpx;
height: 100rpx;
border-radius: 50%;
}
.jdok {
background-color: rgba(3, 173, 55, .35);
}
.jderr {
background-color: rgba(249, 21, 43, .35);
}
.judd .judimg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
}

3
components/tabbar/tabbar.vue

@ -121,10 +121,11 @@
font-size: 24rpx;
font-family: Cochin, serif;
font-weight: 900;
color: #969696;
}
.TextColor {
@extend .Text;
color: #d81e06;
color: #2d78ff;
}
</style>

BIN
static/images/icon-err.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
static/images/icon-ok.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

9
subpkg/list/list.vue

@ -126,7 +126,7 @@
}
.mainwrap3 {
top: 0;
height: calc(100% - 70px);
height: calc(100% - 200rpx);
overflow: hidden;
}
@ -150,13 +150,14 @@
position: relative;
top: 50rpx;
justify-content: space-around;
margin: 2% 3%;
margin: 4% 3%;
width: 94%;
height: 70%;
height: 65%;
overflow-y: auto;
.nav-img {
width: 100%;
height: 200rpx;
height: 240rpx;
margin-bottom: 10rpx;
border-radius: 10px;
}

5
subpkg/role/role.vue

@ -5,7 +5,7 @@
<view class="mainwrap3">
<img src="/static/images/bg_role.jpg" alt="" />
<view class="role_wrap">
<view class="<strong>contit</strong>">请选择您在<block style="color:#fd6d1f;">{{sceneName}}</block>演练中的角色</view>
<view class="<strong>contit</strong>">请选择您在<font style="color:#fd6d1f;">{{sceneName}}</font>演练中的角色</view>
<view class="role_box">
<block class="role-item" v-for="(item,i) in roleList" :key="i">
<span @click="startPractice(item)">{{item.name}}</span>
@ -131,7 +131,8 @@
.role_wrap {
position: absolute;
top: 47.5%;
width: 100%;
margin: 0 3%;
width: 94%;
}
.role_box {

Loading…
Cancel
Save