日历

package.json

@@ -40,6 +40,7 @@
     "@dcloudio/uni-quickapp-native": "^2.0.0-31820210406002",
     "@dcloudio/uni-quickapp-webview": "^2.0.0-31820210406002",
     "@dcloudio/uni-stat": "^2.0.0-31820210406002",
+    "@dcloudio/uni-ui": "^1.4.19",
     "@vue/shared": "^3.0.0",
     "axios": "^0.21.1",
     "core-js": "^3.11.0",

src/project/saas/AppPropagandaStatistics/AppPropagandaStatistics.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="AppPropagandaStatistics">
-    <!-- <ai-card>111</ai-card> -->
+    <uni-calendar :insert="true" :selected="selected" :lunar="false" @change="change"/>
-    <AiOpenData></AiOpenData>
   </div>
 </template>
 
@@ -11,18 +10,36 @@ export default {
   appName: '宣发统计',
   data() {
     return {
-
+      date: '',
+      selected: [{date: '2022-07-08',}],
     }
   },
   onShow() {
     document.title = '宣发统计'
   },
   methods: {
+    change(val) {
+      this.date = `${val.year} + '-' + ${val.month} + '-' + ${val.day}`
+    }
+  }
+
 
-  },
 }
 </script>
 
-<style>
+<style lang="scss" scoped>
+.AppPropagandaStatistics {
+  ::v-deep .uni-calendar-item__weeks-box-circle {
+    top: 77%;
+    right: 45%;
+    border-radius: 12px;
+  }
+  ::v-deep .uni-calendar__header {
+    height: 76px;
+  }
+  ::v-deep .uni-calendar__backtoday {
+    display: none
+  }
+}
 
 </style>

vue.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   transpileDependencies: ['uview-ui'],
+  transpileDependencies:['@dcloudio/uni-ui'],
   devServer: {
     proxy: {
     }