标准卡开发

更新时间:

标准卡和普通蓝河页面开发范式相同,包含下列常见能力:

  • 生命周期
  • 页面样式与布局
  • 列表渲染
  • 条件指令
  • 应用跳转及参数传递
  • 事件绑定
  • 自定义组件
  • 国际化多语言

示例:

<script>
export default {
  data: {
    showSunny: false,
  },
  onInit() {
    // 这里可以添加初始化逻辑
  },
  onShow() {},
}
</script>

<template>
  <div class="weather-container">
    <text class="text-red-500 text-2xl">天气卡片</text>
    <text class="weather" if="{{ showSunny }}"></text>
    <text class="weather" else></text>
  </div>
</template>

<style>
@tailwind utilities;
</style>
复制代码