| | |
| | | <div class="cancel" @click="close">取消</div> |
| | | <div class="save" @click="save">确定</div> |
| | | </div> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | export default { |
| | | props :{ |
| | | warnObj :{ |
| | | warnObj :true |
| | | } |
| | | warnObj: true, |
| | | }, |
| | | }, |
| | | data (){ |
| | | return { |
| | | radio : false |
| | | } |
| | | radio: false, |
| | | }; |
| | | }, |
| | | methods:{ |
| | | close (){ |
| | | this.$emit("close",this.warnObj) |
| | | this.$emit("close", this.warnObj); |
| | | }, |
| | | save (){ |
| | | if (this.radio) { |
| | | this.$emit("save",this.warnObj) |
| | | this.$emit("save", this.warnObj); |
| | | } |
| | | this.$emit("close",this.warnObj) |
| | | } |
| | | } |
| | | } |
| | | this.$emit("close", this.warnObj); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped lang="scss"> |
| | |
| | | margin-top: -15%; |
| | | margin-left: -15%; |
| | | |
| | | background: #FFFFFF; |
| | | background: #ffffff; |
| | | border-radius: 8px; |
| | | color: #4F4F4F; |
| | | color: #4f4f4f; |
| | | |
| | | span { |
| | | font-size: 40px; |
| | | color:#FFAA44; |
| | | color: #ffaa44; |
| | | cursor: pointer; |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | label ::v-deep .el-radio__inner:hover { |
| | | border-color: #FFAA44; |
| | | border-color: #ffaa44; |
| | | } |
| | | |
| | | label.is-checked { |
| | | ::v-deep .el-radio__inner { |
| | | border-color: #FFAA44; |
| | | background: #FFAA44; |
| | | border-color: #ffaa44; |
| | | background: #ffaa44; |
| | | } |
| | | ::v-deep .el-radio__label { |
| | | color: #FFAA44; |
| | | color: #ffaa44; |
| | | } |
| | | } |
| | | |
| | |
| | | .cancel { |
| | | width: 175px; |
| | | height: 40px; |
| | | border: 1px solid #E0E0E0; |
| | | border: 1px solid #e0e0e0; |
| | | box-sizing: border-box; |
| | | border-radius: 25px; |
| | | font-size: 16px; |
| | |
| | | .save { |
| | | width: 175px; |
| | | height: 40px; |
| | | background: #11AA66; |
| | | background: #11aa66; |
| | | border-radius: 25px; |
| | | font-size: 16px; |
| | | line-height: 40px; |
| | |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | </style> |