更新小程序仓库

2023-11-17 09:51:35 +08:00
parent 13f54a26df
commit 4506940c2d
936 changed files with 60022 additions and 0 deletions
@@ -0,0 +1,34 @@
+// components/inputmodal/inputmodal.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    title: {
+      type: String,
+      value: '默认标题'
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    
+  },
+  attached: function () {
+    // let systemInfo = wx.getSystemInfoSync()
+    
+    // console.log(systemInfo)
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    cancel() {
+      this.triggerEvent('inputModalClick', {data: 'cancel'}, {})
+    },
+    confirm() {
+      this.triggerEvent('inputModalClick', { data: 'confirm' }, {})
+    }
+  }
+})
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
@@ -0,0 +1,12 @@
+<view class='inputmodal-wrapper'>
+  <view class='content'>
+    <view class='title'>{{title}}</view>
+    <view class='slot'>
+      <slot></slot>
+    </view>
+    <view class='button-group'>
+      <view class='btn' hover-class='btn-hover' style='border-right: 2rpx solid #ccc;' bindtap='cancel'>取消</view>
+      <view class='btn' hover-class='btn-hover' style='color: rgb(99,181,130);' bindtap='confirm'>确定</view>
+    </view>
+  </view>
+</view>
@@ -0,0 +1,64 @@
+.inputmodal-wrapper {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, .5);
+  z-index: 9998;
+}
+.inputmodal-wrapper .content {
+  width: 540rpx;
+  height: 300rpx;
+  background-color: #F3F4F6;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-left: -270rpx;
+  margin-top: -150rpx;
+  border-radius: 24rpx;
+  z-index: 9999;
+}
+.inputmodal-wrapper .content .title {
+  width:100%;
+  text-align:center;
+  line-height:114rpx;
+  font-size:34rpx;
+  color: #030303;
+}
+.inputmodal-wrapper .content .slot {
+  height: 110rpx;
+  display: flex;
+  flex-direction: column;
+  /* justify-content: center; */
+}
+.inputmodal-wrapper .content input{
+  margin: 0 auto;
+  width: 90%;
+  height: 64rpx;
+  padding: 0 8rpx;
+  line-height: 64rpx;
+  background-color: #fff;
+  border: 0 solid #4D4D4D;
+  font-size: 30rpx;
+}
+.button-group {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 84rpx;
+  display: flex;
+  flex-direction: row;
+  border-top: 2rpx solid #ccc;
+  font-size: 34rpx;
+  color: #007AFF;
+}
+.button-group .btn {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.button-group .btn-hover {
+  background-color: rgba(0, 0, 0, .1);
+}