<!--
source: https://blueos.niceshare.site/reference/widget/js-widget/
site: 蓝河文档馆
summary: 标准卡和普通蓝河页面开发范式相同，包含下列常见能力：
-->
---
title: '标准卡开发'
description: '标准卡和普通蓝河页面开发范式相同，包含下列常见能力：'
lastUpdated: 2025-10-09T03:25:10.000Z
---

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

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

**示例：**

```html
<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>
```
