周明自定义插件

acc

创建uni-app 组件

<template>
  <view>
    <!-- todo -->
  </view>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";

@Component({
  // 所有组件请导入，方便后期维护
  components: { }
})
export default class ${TM_FILENAME_BASE} extends Vue {
  // 规范 组件属性 > 私有属性 > 生命周期 > 私有方法
  // =================== 组件属性(请做好备注) =====================
  // =================== 私有属性(请做好备注) =====================
  // =================== 生命周期(不能使用箭头函数) =====================
  created() {
    // 对data数据赋值
    // 挂载监听器等
  },
  mounted() {
    // 实例被挂载后调用
    // 一般在这里发起请求
  }
  destroyed() {
    // 一般销毁一些实例，例如监听器
  }
  // =================== 私有方法(不能使用箭头函数) =====================
}
</script>

<!-- 设置样式 -->
<style scoped lang="scss">
// 样式规范
// 类请采用一下方式书写， 一个分块一个树形样式
// .a {
//   &_b {
//     &_c {
//       color: #fff;
//     }
//   }
// }
</style>

acp

创建uni-app 页面

<template>
  <!-- isScroll(false) 页面是否可以滚动 -->
  <!-- title 中间标题 -->
  <!-- isBack(true) 是否显示返回按钮 -->
  <!-- jssdk(false) 是否使用jssdk, 如果需要调用微信api,请设置为true -->
  <!-- showHeader(true) 是否显示头部 -->
  <ApexPage :isScroll="true" title="标题" :isBack="true" :jssdk="false" :showHeader="true">
    <!-- <template #left> 左边视图 </template> -->
    <!-- slot(left) nav左侧插槽-->
    <!-- <template #right> 右边 </template> -->
    <!-- slot(right) nav右侧插槽 如下-->
    <!-- 子组件嵌套不要超过三层，页面可以放置大量dom(静态或者子组件), 但不要有太多业务逻辑 -->
    <!-- 页面放在同级目录，组件写在同级目录下widgets -->

    <!-- todo -->
  </ApexPage>
</template>

<script lang="ts">
import ApexPage from "widgets-apex/apex-page/apex-page.vue";
import { Component, Vue } from "vue-property-decorator";

// 页面参数
interface IpageParams {
}

@Component({
  components: {
    ApexPage
  }
})
export default class ${TM_FILENAME_BASE} extends Vue {
  // 规范 组件属性 > 私有属性 > 生命周期 > 私有方法
  // =================== 组件属性(请做好备注) =====================
  // =================== 私有属性(请做好备注) =====================
  // =================== 生命周期(不能使用箭头函数) =====================
  created() {
    // 对data数据赋值
    // 挂载监听器等
  },
  mounted() {
    // 实例被挂载后调用
    // 一般在这里发起请求
  }
  destroyed() {
    // 一般销毁一些实例，例如监听器
  }
  // =================== 私有方法(不能使用箭头函数) =====================
}
</script>

<!-- 设置样式 -->
<style scoped lang="scss">
// 样式规范
// 类请采用一下方式书写， 一个分块一个树形样式
// .a {
//   &_b {
//     &_c {
//       color: #fff;
//     }
//   }
// }
</style>

arq

创建uni-app 请求

const res = await RequestUtils.POST("/xxxxxx", { });
try {
    if (res.isOk()) {
        // todo
    } else {
        console.log("请求失败");
        res.toast();
    }
} catch (e) {
    console.error(e);
    res.toast("操作失败");
}

vcc

vue插件组件

<template>
  <div>
    <!-- todo -->
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";

@Component({
  // 所有组件请导入，方便后期维护
  components: { }
})
export default class ${TM_FILENAME_BASE} extends Vue {
  // 规范 组件属性 > 私有属性 > 生命周期 > 私有方法
  // =================== 组件属性(请做好备注) =====================
  // =================== 私有属性(请做好备注) =====================
  // =================== 生命周期(不能使用箭头函数) =====================
  created() {
    // 对data数据赋值
    // 挂载监听器等
  },
  mounted() {
    // 实例被挂载后调用
    // 一般在这里发起请求
  }
  destroyed() {
    // 一般销毁一些实例，例如监听器
  }
  // =================== 私有方法(不能使用箭头函数) =====================
}
</script>

<!-- 设置样式 -->
<style scoped lang="scss">
// 样式规范
// 类请采用一下方式书写， 一个分块一个树形样式
// .a {
//   &_b {
//     &_c {
//       color: #fff;
//     }
//   }
// }
</style>

vcx

vue3插件组件

<script lang="tsx">
import { defineComponent } from "vue";

export default defineComponent({
  name: "${TM_FILENAME_BASE}",
  components: {
  },
  methods: {
  },
  setup() {
    // 返回结果
    return () => (
      <div>
        $0
      </div>
    );
  }
});
</script>