hotmode.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <template name="hotmode">
  2. <view>
  3. <view class="hotmode-content clearfix">
  4. <view class="hot-image le" @click="handleProcurement">
  5. <image :src="staticUrl + 'icon_model_1@2x.jpg'" mode=""></image>
  6. </view>
  7. <view class="hot-image ri" @click.stop="handleJumpLink(mallTheme)">
  8. <image :src="mallTheme.image" mode=""></image>
  9. </view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. import jumpMixins from '@/mixins/jumpMixins.js'
  15. export default{
  16. mixins: [jumpMixins],
  17. name:'hotmode',
  18. props:{
  19. mallTheme:{
  20. type:Object
  21. }
  22. },
  23. data() {
  24. return{
  25. staticUrl:this.global.staticUrl,
  26. navList:[]
  27. }
  28. },
  29. created(){
  30. },
  31. computed: {
  32. },
  33. methods:{
  34. //跳转集采列表
  35. async handleProcurement() {
  36. const userInfo = await this.$api.getStorage()
  37. if(userInfo.userIdentity === 1){
  38. this.$util.msg('发布需求功能暂不对机构以外的身份开放~', 2000)
  39. return
  40. }
  41. },
  42. handleActivi(){
  43. this.$api.navigateTo(`/pages/goods/good-floor?id=${floor.id}`)
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="scss">
  49. .hotmode-content{
  50. width: 100%;
  51. height: 228rpx;
  52. box-sizing: border-box;
  53. padding: 24rpx;
  54. background: #F7F7F7;
  55. .hot-image{
  56. width: 340rpx;
  57. height: 180rpx;
  58. float: left;
  59. &.le{
  60. float: left;
  61. }
  62. &.ri{
  63. float: right;
  64. }
  65. image{
  66. width: 340rpx;
  67. height: 180rpx;
  68. display: block;
  69. }
  70. }
  71. }
  72. </style>