小程序产品库完成

src/App.vue

@@ -0,0 +1,178 @@
+<script>
+
+export default {
+  onLaunch() {
+    if (!wx.getUpdateManager) return
+    const updateManager = wx.getUpdateManager()
+    updateManager.onUpdateReady(() => {
+      this.$dialog.alert({
+        title: '更新提示',
+        content: '新版本已经准备好，点击确认按钮重启应用！'
+      }).then(() => {
+        updateManager.applyUpdate()
+      }).catch(() => {
+      })
+    })
+  },
+}
+</script>
+
+<style lang="scss">
+@import "common/common.scss";
+/* #ifdef MP-BAIDU */
+page {
+  width: 100%;
+  display: block;
+}
+
+swan-template {
+  width: 100%;
+  min-height: 100%;
+  display: flex;
+}
+
+/* 原生组件模式下需要注意组件外部样式 */
+custom-component {
+  width: 100%;
+  min-height: 100%;
+  display: flex;
+}
+
+/* #endif */
+
+/* #ifdef MP-ALIPAY */
+page {
+  min-height: 100vh;
+}
+
+/* #endif */
+
+/* 原生组件模式下需要注意组件外部样式 */
+m-input {
+  width: 100%;
+  /* min-height: 100%; */
+  display: flex;
+  flex: 1;
+}
+
+.content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  background-color: #efeff4;
+  padding: 10px;
+  box-sizing: border-box;
+}
+
+.input-group {
+  background-color: #ffffff;
+  margin-top: 20px;
+  position: relative;
+}
+
+.input-group::before {
+  position: absolute;
+  right: 0;
+  top: 0;
+  left: 0;
+  height: 1px;
+  content: "";
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: #c8c7cc;
+}
+
+.input-group::after {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: 1px;
+  content: "";
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: #c8c7cc;
+}
+
+.input-row {
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  font-size: 18px;
+  line-height: 40px;
+}
+
+.input-row .title {
+  width: 72px;
+  padding-left: 15px;
+}
+
+.input-row.border::after {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 8px;
+  height: 1px;
+  content: "";
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  background-color: #c8c7cc;
+}
+
+uni-tabbar .uni-tabbar-border {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 0;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.btn-row {
+  margin-top: 25px;
+  padding: 10px;
+}
+
+button.primary {
+  background-color: #0faeff;
+}
+
+.flexRow {
+  display: flex;
+  align-items: center;
+}
+
+.u-input__right-icon {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+}
+
+.flex {
+  display: flex;
+  align-items: center;
+
+  &.spb {
+    justify-content: space-between;
+  }
+
+  &.wrap {
+    flex-wrap: wrap;
+  }
+
+  &.column {
+    flex-direction: column;
+  }
+
+  &.start {
+    align-items: flex-start;
+  }
+}
+
+.fill {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
+</style>