|
|
@@ -5,7 +5,7 @@
|
|
|
<div class="item-box">
|
|
|
<div :class="['item']" v-for="(item,index) in curQue.option" :key="index">
|
|
|
<div v-for="(items,indexs) in item" :key="indexs"
|
|
|
- :class="[indexs%3==2?'noBorder':'',indexs>5?'noBorder-bottom':'',index==seletcItem[0]&&indexs==seletcItem[1]?'active':'',styleList[index][indexs]]">
|
|
|
+ :class="[indexs%3==2?'noBorder':'',indexs>5?'noBorder-bottom':'',index==seletcItem[0]&&indexs==seletcItem[1]?'active':'',styleList[index][indexs],items.isHint?'notClick':'canClick']">
|
|
|
<span v-if="items.isHint">
|
|
|
{{items.value}}
|
|
|
</span>
|
|
|
@@ -48,6 +48,7 @@ export default {
|
|
|
handleData(){
|
|
|
let _this = this
|
|
|
_this.soduko = []
|
|
|
+ _this.seletcItem = []
|
|
|
_this.styleList = []
|
|
|
_this.curQue.option.forEach(item => {
|
|
|
let arr = []
|
|
|
@@ -155,12 +156,12 @@ export default {
|
|
|
// border-bottom: none;
|
|
|
margin-bottom: 0px;
|
|
|
}
|
|
|
- &.active{
|
|
|
- border-color: #0086FF;
|
|
|
- }
|
|
|
- &:hover{
|
|
|
+ &.canClick:hover{
|
|
|
border-color: #737373;
|
|
|
}
|
|
|
+ &.canClick.active{
|
|
|
+ border-color: #0086FF;
|
|
|
+ }
|
|
|
&.right{
|
|
|
background: #F5FFF9;
|
|
|
border-color: #F5FFF9;
|
|
|
@@ -193,7 +194,7 @@ export default {
|
|
|
background: initial;
|
|
|
line-height: 58px;
|
|
|
margin: 0;
|
|
|
-
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
}
|
natasha