页面制作以及svg化

quickapp/src/assets/images/calander.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="92" height="95" viewBox="0 0 92 95">
+  <text id="calander" transform="translate(0 76)" fill="#a7a7a7" font-size="80" font-family="STSong, SF Compact"><tspan x="0" y="0">􀉉</tspan></text>
+</svg>

quickapp/src/assets/images/device-ipad.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="105" height="95" viewBox="0 0 105 95">
+  <text id="device-ipad" transform="translate(0 76)" fill="#3b4789" font-size="80" font-family="STSong, SF Compact"><tspan x="0" y="0">􀥔</tspan></text>
+</svg>

quickapp/src/assets/images/device-iphone.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="75" height="95" viewBox="0 0 75 95">
+  <text id="device-iphone" transform="translate(0 76)" fill="#3b4789" font-size="80" font-family="STSong, SF Compact"><tspan x="0" y="0">􀟜</tspan></text>
+</svg>

quickapp/src/assets/images/plus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="79" height="95" viewBox="0 0 79 95">
+  <text id="plus" transform="translate(0 76)" fill="#d8d8d8" font-size="80" font-family="STSong, SF Compact"><tspan x="0" y="0">􀅼</tspan></text>
+</svg>

quickapp/src/assets/images/tabbar-device-active.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58.537" height="80" viewBox="0 0 58.537 80">
+  <image id="tabbar-device-active" width="58.537" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-device.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58.537" height="80" viewBox="0 0 58.537 80">
+  <image id="tabbar-device" width="58.537" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-key-active.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="80" viewBox="0 0 56 80">
+  <image id="tabbar-key-active" width="56" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-key.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="80" viewBox="0 0 56 80">
+  <image id="tabbar-key" width="56" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-message-active.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52.093" height="80" viewBox="0 0 52.093 80">
+  <image id="tabbar-message-active" width="52.093" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-message.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50.233" height="80" viewBox="0 0 50.233 80">
+  <image id="tabbar-message" width="50.233" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-settings.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43.636" height="80" viewBox="0 0 43.636 80">
+  <image id="tabbar-settings" width="43.636" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/pages/Device/card.ux

@@ -0,0 +1,57 @@
+<template>
+  <div class="card">
+    <div class="icon">
+      <image src="{{ devObj.icon}}" />
+    </div>
+    <text class="label">{{ devObj.name }}</text>
+  </div>
+</template>
+
+<script>
+export default {
+
+  props: {
+    devObj: { default: { icon: "/assets/images/device-ipad.png", name: "Easy’s iPad(当前设备)" } },
+  },
+
+  onInit() {
+    console.log('card', this.devObj, this.devObj.name)
+  }
+}
+</script>
+
+<style lang="less">
+@color: #3b4789;
+
+.card {
+  width: 80%;
+  border-color: @color;
+  border-radius: 16px;
+  border-width: 3px;
+  padding: 32px;
+  margin: 24px 0;
+  /* justify-content: center;
+  align-items: center; */
+
+  .icon {
+    width: 130px;
+    height: 80px;
+    margin-right: 16px;
+    justify-content: center;
+  }
+
+  .label {
+    color: @color;
+    font-size: 36px;
+  }
+}
+/* .wrapper {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.title {
+  text-align: center;
+  color: #212121;
+} */
+</style>

quickapp/src/pages/Device/index.ux

@@ -0,0 +1,28 @@
+<import name="card" src="./card"></import>
+<template>
+  <div class="wrapper">
+    <!-- <text class="title">device</text>
+    <text class="title">device</text> -->
+    <card></card>
+    <card dev-obj="{{ dev }}"></card>
+  </div>
+</template>
+
+<script>
+export default {
+  data: {
+    dev: { icon: "/assets/images/device-iphone.png", name: "备用机iPhone13" },
+  },
+
+  onInit() { }
+}
+</script>
+
+<style lang="less">
+@import './../../assets/styles/style.less';
+
+.wrapper {
+  .flex-box-mixins(column, flex-start, center);
+  width: 100%;
+}
+</style>

quickapp/src/pages/Home/device.ux

@@ -16,11 +16,12 @@ export default {
 }
 </script>
 
-<style>
+<style lang="less">
+
+@import './../../assets/styles/style.less';
+
 .wrapper {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+  .flex-box-mixins(column, flex-start, center);
   width: 100%;
 }
 .title {

quickapp/src/pages/Home/index.ux

@@ -1,18 +1,13 @@
 <import name="my-tabbar" src="./tabbar"></import>
-<import name="device" src="./device"></import>
-<import name="key" src="./key"></import>
+<import name="device" src="../Device"></import>
+<import name="key" src="./device"></import>
 <import name="message" src="./device"></import>
 <import name="settings" src="./device"></import>
 <template>
   <div class="wrapper">
     <stack class="stack">
-      <image class="deer-background" src="/assets/images/home-background.png" />
-      <!-- <text
-      >stack容器排列方式为层叠，每个子组件按照先后顺序依次堆叠，覆盖前面的组件</text
-    > -->
-      <div class="container">
-        <component is="{{ tabbarData[currentPageIndex].compName }}"></component>
-      </div>
+      <image class="deer-background" src="/assets/images/home-background.svg" />
+      <component is="{{ tabbarData[currentPageIndex].compName }}"></component>
     </stack>
     <my-tabbar tabbar="{{tabbarData}}" onemit-evt="emitEvt"></my-tabbar>
   </div>
@@ -24,29 +19,29 @@ export default {
     currentPageIndex: 0,
     tabbarData: [
       {
-        iconPath: '/assets/images/tabbar-device.png',
-        selectedIconPath: '/assets/images/tabbar-device-active.png',
+        iconPath: '/assets/images/tabbar-device.svg',
+        selectedIconPath: '/assets/images/tabbar-device-active.svg',
         active: true,
         compName: 'device',
         title: '设备'
       },
       {
-        iconPath: '/assets/images/tabbar-device.png',
-        selectedIconPath: '/assets/images/tabbar-device-active.png',
+        iconPath: '/assets/images/tabbar-key.svg',
+        selectedIconPath: '/assets/images/tabbar-key-active.svg',
         active: false,
         compName: 'key',
         title: 'Key'
       },
       {
-        iconPath: '/assets/images/tabbar-device.png',
-        selectedIconPath: '/assets/images/tabbar-device-active.png',
+        iconPath: '/assets/images/tabbar-message.svg',
+        selectedIconPath: '/assets/images/tabbar-message-active.svg',
         active: false,
         compName: 'message',
         title: '消息'
       },
       {
-        iconPath: '/assets/images/tabbar-device.png',
-        selectedIconPath: '/assets/images/tabbar-device-active.png',
+        iconPath: '/assets/images/tabbar-settings.svg',
+        selectedIconPath: '/assets/images/tabbar-settings-active.svg',
         active: false,
         compName: 'settings',
         title: '设置'
@@ -81,11 +76,6 @@ export default {
     flex-grow: 1;
     align-items: flex-end;
 
-    .container {
-      width: 100%;
-      height: 100%;
-    }
-
     .deer-background {
       /* position: fixed; */
       width: 100%;

quickapp/src/pages/Home/key.ux

@@ -1,30 +0,0 @@
-<template>
-  <div class="wrapper">
-    <text class="title">{{ title }}</text>
-  </div>
-</template>
-
-<script>
-export default {
-  data: {
-    title: "Hello World. Quickapp Component 'Key'."
-  },
-  
-  props: [],
-  
-  onInit() {}
-}
-</script>
-
-<style>
-.wrapper {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-}
-.title {
-  text-align: center;
-  color: #212121;
-}
-</style>

quickapp/src/pages/Home/tabbar.ux

@@ -1,5 +1,5 @@
 <template>
-  <div if="{{tabbar.length !== 0 }}" class="tabbar">
+  <div class="tabbar">
     <div class="shadow"></div>
     <div class="tab">
       <div for="{{tab in tabbar}}">
@@ -53,7 +53,7 @@ export default {
     }
 
     image {
-      width: 58px;
+      /* width: 58px; */
       height: 80px;
     }
 

quickapp/src/pages/index.ux

@@ -3,7 +3,7 @@
   <!-- template里只能有一个根节点 -->
   <div class="wrapper">
     <div class="logo">
-      <img src="/assets/images/index-logo.png" />
+      <img src="/assets/images/index-logo.svg" />
     </div>
     <div class="btn-group">
       <text class="btn-wx" @click="onWxSignBtnClick">Sign in with WeChat</text>