首次提交

pages/api/api.vue

@@ -0,0 +1,27 @@
+<template>
+  <view class="container">
+    <button @click="showModel">uni.showModal</button>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {}
+    },
+    methods: {
+      showModel() {
+        uni.showModal({
+          content: this.$t('api.message'),
+          success: (res) => {
+            console.log(res);
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style>
+
+</style>

pages/component/component.vue

@@ -0,0 +1,22 @@
+<template>
+  <view class="container">
+    <no-data></no-data>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        title: this.$t('')
+      }
+    },
+    methods: {
+      
+    }
+  }
+</script>
+
+<style>
+
+</style>

pages/index/index.vue

@@ -0,0 +1,151 @@
+<template>
+  <view class="container">
+    <view class="title">{{$t('index.demo')}}</view>
+    <view class="description">{{$t('index.demo-description')}}</view>
+    <view class="detail-link">{{$t('index.detail')}}: <text
+        class="link">https://uniapp.dcloud.net.cn/collocation/i18n</text></view>
+    <view class="locale-setting">{{$t('index.language-info')}}</view>
+    <view class="list-item">
+      <text class="k">{{$t('index.system-language')}}:</text>
+      <text class="v">{{systemLocale}}</text>
+    </view>
+    <view class="list-item">
+      <text class="k">{{$t('index.application-language')}}:</text>
+      <text class="v">{{applicationLocale}}</text>
+    </view>
+    <view class="locale-setting">{{$t('index.language')}}</view>
+    <view class="locale-list">
+      <view class="locale-item" v-for="(item, index) in locales" :key="index" @click="onLocaleChange(item)">
+        <text class="text">{{item.text}}</text>
+        <text class="icon-check" v-if="item.code == applicationLocale"></text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        systemLocale: '',
+        applicationLocale: ''
+      }
+    },
+    computed:{
+      locales() {
+        return [{
+            text: this.$t('locale.auto'),
+            code: 'auto'
+          }, {
+            text: this.$t('locale.en'),
+            code: 'en'
+          },
+          {
+            text: this.$t('locale.zh-hans'),
+            code: 'zh-Hans'
+          },
+          {
+            text: this.$t('locale.zh-hant'),
+            code: 'zh-Hant'
+          },
+          {
+            text: this.$t('locale.ja'),
+            code: 'ja'
+          }
+        ]
+      }
+    },
+    onLoad() {
+      let systemInfo = uni.getSystemInfoSync();
+      this.systemLocale = systemInfo.language;
+      this.applicationLocale = uni.getLocale();
+      this.isAndroid = systemInfo.platform.toLowerCase() === 'android';
+      uni.onLocaleChange((e) => {
+        this.applicationLocale = e.locale;
+      })
+    },
+    methods: {
+      onLocaleChange(e) {
+        if (this.isAndroid) {
+          uni.showModal({
+            content: this.$t('index.language-change-confirm'),
+            success: (res) => {
+              if (res.confirm) {
+                uni.setLocale(e.code);
+              }
+            }
+          })
+        } else {
+          uni.setLocale(e.code);
+          this.$i18n.locale = e.code;
+        }
+      }
+    }
+  }
+</script>
+
+<style>
+  .title {
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 15px;
+  }
+
+  .description {
+    font-size: 14px;
+    opacity: 0.6;
+    margin-bottom: 15px;
+  }
+
+  .detail-link {
+    font-size: 14px;
+    word-break: break-all;
+  }
+
+  .link {
+    color: #007AFF;
+    margin-left: 10px;
+  }
+
+  .locale-setting {
+    font-size: 16px;
+    font-weight: bold;
+    margin-top: 25px;
+    margin-bottom: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+  .list-item {
+    font-size: 14px;
+    padding: 10px 0;
+  }
+
+  .list-item .v {
+    margin-left: 5px;
+  }
+
+  .locale-item {
+    display: flex;
+    flex-direction: row;
+    padding: 10px 0;
+  }
+
+  .locale-item .text {
+    flex: 1;
+  }
+
+  .icon-check {
+    margin-right: 5px;
+    border: 2px solid #007aff;
+    border-left: 0;
+    border-top: 0;
+    height: 12px;
+    width: 6px;
+    transform-origin: center;
+    /* #ifndef APP-NVUE */
+    transition: all 0.3s;
+    /* #endif */
+    transform: rotate(45deg);
+  }
+</style>

pages/schema/schema.vue

@@ -0,0 +1,48 @@
+<template>
+  <view class="container">
+    <view>{{$t('schema.name')}}</view>
+    <input class="input" v-model="name" />
+    <button type="primary" @click="add">{{$t('schema.add')}}</button>
+  </view>
+</template>
+
+<script>
+  const collection = "hello";
+  export default {
+    data() {
+      return {
+        name: ""
+      }
+    },
+    methods: {
+      add() {
+        uni.showLoading();
+        let db = uniCloud.database()
+        db.collection(collection).add({
+          name: this.name
+        }).then((res) => {
+          uni.showToast({
+            title: this.$t('schema.add-success')
+          })
+        }).catch((err) => {
+          uni.showModal({
+            content: err.message,
+            showCancel: false
+          })
+        }).finally(() => {
+          uni.hideLoading();
+        })
+      }
+    }
+  }
+</script>
+
+<style>
+  .input {
+    border: 1px solid #ebebeb;
+    border-radius: 3px;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    padding: 8px;
+  }
+</style>