| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="wrapper"> |
| | | <div class="content-box"> |
| | | <h3><span>应用场景</span></h3> |
| | |
| | | |
| | | <script> |
| | | export default { |
| | | data () { |
| | | return { |
| | | menuId: null, |
| | | url: null, |
| | | details: null |
| | | } |
| | | }, |
| | | watch: { |
| | | $route () { |
| | | this.menuId = this.$route.params.menuId |
| | | this.load() |
| | | } |
| | | }, |
| | | methods: { |
| | | load () { |
| | | let param = { |
| | | func: 'Web_productCenter_GetData', |
| | | ID: this.menuId |
| | | } |
| | | this.Service.getParamData(param).then(res => { |
| | | this.url = res.Image1 |
| | | this.details = res.Detail.map(det => { |
| | | let item = { |
| | | type: det.TypeCharOne, |
| | | title: det.Title1 |
| | | } |
| | | if (item.type === 'WLongText') { |
| | | item.longText = det.DOne[0].LongText |
| | | } else if (item.type === 'Wimages') { |
| | | item.imglist = det.DOne.map(cell => { |
| | | return { |
| | | title: cell.CDefine1, |
| | | tip: cell.CDefine2, |
| | | url: cell.Images, |
| | | position: cell.TypeCharThree, |
| | | color: cell.TypeCharTwo |
| | | } |
| | | }) |
| | | } else if (item.type === 'Wico') { |
| | | item.iconlist = det.DOne.map(cell => { |
| | | return { |
| | | url: cell.Images, |
| | | title: cell.Title1 |
| | | } |
| | | }) |
| | | } else if (item.type === 'Wcontent') { |
| | | item.sublist = det.DOne.map(cell => { |
| | | return { |
| | | url: cell.Images, |
| | | title: cell.Title1, |
| | | tip: cell.LongText, |
| | | details: cell.DTwo.map(two => { |
| | | return two.Title1 |
| | | }) |
| | | } |
| | | }) |
| | | } |
| | | return item |
| | | }) |
| | | }) |
| | | } |
| | | }, |
| | | created () { |
| | | this.menuId = this.$route.params.menuId |
| | | }, |
| | | mounted () { |
| | | this.load() |
| | | } |
| | | } |
| | | </script> |
| | | |
| | |
| | | padding-top: .07rem; |
| | | } |
| | | } |
| | | |
| | | } |
| | | .program:first-child{ |
| | | margin-left: -0.55rem; |