| | |
|---|
| | | <template> |
|---|
| | | <el-dialog :visible.sync="show" :show-close="false" width="1018px" @close="$emit('close')" |
|---|
| | | :modal-append-to-body="false"> |
|---|
| | | <div class="txt-center pt--30 pb--25"> |
|---|
| | | <div class="fs--18 mb--70 font-bold color1">下单须知</div> |
|---|
| | | <div v-html="content"></div> |
|---|
| | | <div class="btns pointer" @click="$emit('close')">确认</div> |
|---|
| | | </div> |
|---|
| | | </el-dialog> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import { getNotice } from '@/view/service' |
|---|
| | | export default { |
|---|
| | | components: {}, |
|---|
| | | props: { |
|---|
| | | show: { |
|---|
| | | type: Boolean, |
|---|
| | | default: false |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | content: '' |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: {}, |
|---|
| | | watch: {}, |
|---|
| | | created() { |
|---|
| | | getNotice().then(res => { |
|---|
| | | this.content = res.data.content |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | mounted() { }, |
|---|
| | | methods: {}, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | <style scoped lang="less"> |
|---|
| | | .color1 { |
|---|
| | | color: rgba(59, 63, 86, 1); |
|---|
| | | } |
|---|
| | | |
|---|
| | | ::v-deep .el-dialog { |
|---|
| | | border-radius: 8px; |
|---|
| | | |
|---|
| | | .el-dialog__header { |
|---|
| | | display: none !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dialog__body { |
|---|
| | | padding: 0 !important; |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .btns { |
|---|
| | | margin: 25px auto 0; |
|---|
| | | width: 311px; |
|---|
| | | line-height: 50px; |
|---|
| | | background: #014099; |
|---|
| | | border-radius: 4px; |
|---|
| | | font-weight: bold; |
|---|
| | | font-size: 18px; |
|---|
| | | color: #FFFFFF; |
|---|
| | | } |
|---|
| | | <template>
|
|---|
| | | <el-dialog :visible.sync="show" :show-close="false" width="1018px" @close="$emit('close')"
|
|---|
| | | :modal-append-to-body="false">
|
|---|
| | | <div class="txt-center pt--30 pb--25">
|
|---|
| | | <div class="fs--18 mb--70 font-bold color1">下单须知 | Usage Instructions</div>
|
|---|
| | | <div v-html="content"></div>
|
|---|
| | | <div class="btns pointer" @click="$emit('close')">确认 | Confirm</div>
|
|---|
| | | </div>
|
|---|
| | | </el-dialog>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <script>
|
|---|
| | | import { getNotice } from '@/view/service'
|
|---|
| | | export default {
|
|---|
| | | components: {},
|
|---|
| | | props: {
|
|---|
| | | show: {
|
|---|
| | | type: Boolean,
|
|---|
| | | default: false
|
|---|
| | | },
|
|---|
| | | },
|
|---|
| | | data() {
|
|---|
| | | return {
|
|---|
| | | content: ''
|
|---|
| | | };
|
|---|
| | | },
|
|---|
| | | computed: {},
|
|---|
| | | watch: {},
|
|---|
| | | created() {
|
|---|
| | | getNotice().then(res => {
|
|---|
| | | this.content = res.data.content
|
|---|
| | | })
|
|---|
| | | },
|
|---|
| | | mounted() { },
|
|---|
| | | methods: {},
|
|---|
| | | };
|
|---|
| | | </script>
|
|---|
| | | <style scoped lang="less">
|
|---|
| | | .color1 {
|
|---|
| | | color: rgba(59, 63, 86, 1);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | ::v-deep .el-dialog {
|
|---|
| | | border-radius: 8px;
|
|---|
| | |
|
|---|
| | | .el-dialog__header {
|
|---|
| | | display: none !important;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .el-dialog__body {
|
|---|
| | | padding: 0 !important;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .btns {
|
|---|
| | | margin: 25px auto 0;
|
|---|
| | | width: 311px;
|
|---|
| | | line-height: 50px;
|
|---|
| | | background: #014099;
|
|---|
| | | border-radius: 4px;
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-size: 18px;
|
|---|
| | | color: #FFFFFF;
|
|---|
| | | }
|
|---|
| | | </style> |
|---|
