mine.vue 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view class="main">
  3. <view class="img-banner">
  4. <image mode="aspectFill" src="https://mn.wenlvti.net/app_static/xiangan/banner_dig_mine.jpg"></image>
  5. </view>
  6. <view class="task-list">
  7. <view class="item">
  8. <text class="iconfont icon-task-mine-1"></text>
  9. <view class="info">
  10. <view class="title">商业集市</view>
  11. <view class="desc">文化交流的开放窗口</view>
  12. </view>
  13. <view class="btn" @click="goForm('food_product', 4)">
  14. 填写
  15. </view>
  16. </view>
  17. <view class="item">
  18. <text class="iconfont icon-task-mine-2"></text>
  19. <view class="info">
  20. <view class="title">服装服饰</view>
  21. <view class="desc">艺术与功能交织的时尚篇章</view>
  22. </view>
  23. <view class="btn" @click="goForm('food_product', 5)">
  24. 填写
  25. </view>
  26. </view>
  27. <view class="item">
  28. <text class="iconfont icon-task-mine-2"></text>
  29. <view class="info">
  30. <view class="title">运输工具</view>
  31. <view class="desc">历史的运输工具</view>
  32. </view>
  33. <view class="btn" @click="goForm('food_product', 6)">
  34. 填写
  35. </view>
  36. </view>
  37. </view>
  38. </view>
  39. </template>
  40. <script setup lang="ts">
  41. import { useTaskEntryForm } from '../composeable/TaskEntryForm';
  42. const { goForm } = useTaskEntryForm();
  43. </script>