用工小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

55 lines
1.0 KiB

7 months ago
  1. <template>
  2. <view>
  3. <u-tabs
  4. :current="current"
  5. lineWidth="30"
  6. lineColor="#FF7A31"
  7. :activeStyle="{
  8. color: '#303133',
  9. fontWeight: 'bold',
  10. transform: 'scale(1.05)'
  11. }"
  12. :inactiveStyle="{
  13. color: '#606266',
  14. transform: 'scale(1)'
  15. }"
  16. itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
  17. :list="navList"
  18. @click="navClick($event)"></u-tabs>
  19. <enterpriseBox v-if="current==0" />
  20. <personBox v-if="current==1" />
  21. </view>
  22. </template>
  23. <script>
  24. import enterpriseBox from "./component/enterprise.vue"
  25. import personBox from "./component/person.vue"
  26. export default{
  27. components:{
  28. enterpriseBox,
  29. personBox
  30. },
  31. data(){
  32. return{
  33. current:0,
  34. navList:[
  35. {
  36. name: '企业入驻',
  37. }, {
  38. name: '个人入驻',
  39. }
  40. ]
  41. }
  42. },
  43. methods: {
  44. navClick(event){
  45. this.current=event.index
  46. }
  47. }
  48. }
  49. </script>
  50. <style lang="scss" scoped>
  51. page {
  52. background-color: #f5f5f5 !important;
  53. }
  54. </style>