فهرست منبع

新增 添加至桌面

hjr 3 ماه پیش
والد
کامیت
afd2b6c10e

+ 74 - 0
src/components/addDesktop.ux

@@ -0,0 +1,74 @@
+<template>
+  <div class="fab-btn" style="bottom: {{ bottom }}px;" @click="onTap">
+    <slot>
+      <text style="color: #fff;font-size: 34px;">添加至桌面,天天领签到红包</text>
+          <!-- <text style="font-size: 32px;color: #fff;">+</text>
+          <text style="font-size: 18px;color: #fff;">添加桌面</text> -->
+    </slot>
+  </div>
+</template>
+
+<script>
+import router from '@system.router'
+import shortcut from '@system.shortcut'
+export default {
+  props: {
+    bottom:{
+        type: [String,Number],
+        default: 200
+    }
+ },
+  data: {
+    hasInstalled:false,//判断是否已有琢磨图标
+  },
+  onTap() {
+    shortcut.install({
+      message:'将【易推小说】添加到桌面,方便下次继续使用。',
+      success: function(e) {
+        console.log('handling success',e)
+        $utils.showToast('添加成功')
+      },
+      fail: function(data, code) {
+        console.log(`handling fail, code = ${code}, errorMsg=${data}`)
+      }
+    })
+    // this.$emit('tap')
+  },
+  // 组件
+  onInit(){
+    var that = this
+    shortcut.hasInstalled({
+      success: function(e) {
+        that.hasInstalled = e
+      }
+    })
+      console.log('组件生命周期')
+  },
+}
+</script>
+
+<style lang="less">
+.fab-btn {
+  position: fixed;
+  bottom: 50px;
+  left: 120px;
+  width: 600px;
+  height: 90px;
+  flex-direction: column;
+  background-color: #db3f3f;
+  /* background-color: #399bfc; */
+  /* border-radius: 50%; */
+  /* box-shadow: 0 4px 16px rgba(0,0,0,0.18); */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 20px;
+  /* z-index: 999; */
+}
+.fab-icon {
+  color: #fff;
+  font-size: 60px;
+  font-weight: bold;
+  text-align: center;
+}
+</style>

+ 1 - 1
src/components/red-packet.ux

@@ -26,7 +26,7 @@ export default {
 .fab-btn {
   position: fixed;
   right: 40px;
-  bottom: 200px;
+  bottom: 320px;
   width: 90px;
   height: 90px;
   /* background-color: #399bfc; */

+ 2 - 1
src/manifest.json

@@ -55,7 +55,8 @@
       "name": "system.geolocation"
     },
     {"name":"service.ad"},
-    { "name": "service.health" }
+    { "name": "service.health" },
+    { "name": "system.shortcut" }
   ],
   "permissions": [
     {

+ 2 - 0
src/pages/book-content/index.ux

@@ -1,3 +1,4 @@
+<import name="add-desktop" src="../../components/addDesktop"></import>
 <template>
   <div class="stack-wrapper">
     <stack class="stack-wrapper">
@@ -125,6 +126,7 @@
         </div>
       </div>
     </stack>
+    <add-desktop bottom="50"></add-desktop>
   </div>
 </template>
 

+ 2 - 0
src/pages/book-detail/index.ux

@@ -1,4 +1,5 @@
 <import name="info" src="../../components/book-detail/info"></import>
+<import name="add-desktop" src="../../components/addDesktop"></import>
 <import
   name="comment-item-simple"
   src="../../components/book-detail/comment-item-simple"
@@ -57,6 +58,7 @@
       <text class="btn-read" @click="goToContent">开始阅读</text>
     </div>
     <my-toast id="toast"></my-toast>
+    <add-desktop></add-desktop>
   </div>
 </template>
 

+ 2 - 1
src/pages/main/index.ux

@@ -7,7 +7,7 @@
 <import name="top-button" src="../../components/top-button"></import>
 <import name="weather" src="../../components/weather"></import>
 <import name="calendar" src="../../components/calendar"></import>
-
+<import name="add-desktop" src="../../components/addDesktop"></import>
 
 <template>
   <div class="page-wrapper">
@@ -35,6 +35,7 @@
       </tab-bar>
     </tabs>
     <red-packet></red-packet>
+    <add-desktop></add-desktop>
     <!-- <top-button></top-button> -->
   </div>
 </template>

+ 2 - 0
src/pages/tools/baoYangJiQiao/index.ux

@@ -1,9 +1,11 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
 <template>
   <div class="wrapper">
       <image
         class="image"
         src="https://ytnovels.oss-cn-shanghai.aliyuncs.com/appStatic/images/source/byjq_.png"
       ></image>
+    <add-desktop></add-desktop>
   </div>
 </template>
 

+ 3 - 0
src/pages/tools/jingXuanBiZhi/index.ux

@@ -1,5 +1,8 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
 <template>
   <div class="content">
+    <add-desktop></add-desktop>
+
       <div class="tabs flex scroll-x ai_end mgt-20 h-50">
           <text
             class="text-28 text-999 cursor {{ active === tab.id ? 'active' : '' }}" 

+ 4 - 0
src/pages/tools/liuXingBiZhi/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="content">
+    <add-desktop></add-desktop>
+
       <div class="imgs mgt-40 flex fw_wrap">
         <image class="w-220 h-280 radio-16" 
                mode="aspectFill"

+ 3 - 0
src/pages/tools/quWeiCePing/index.ux

@@ -1,5 +1,8 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
 <template>
   <div class="content">
+    <add-desktop></add-desktop>
+
     <div>
       <div class="box">
         <block if="{{!finishStatus}}">

+ 4 - 0
src/pages/tools/shengBoChuChen/index.ux

@@ -1,6 +1,10 @@
 <import name="loading-progress" src="../../../components/loading-progress"></import>
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="content p-rel pdt-100" style="padding-top: {{statusBarHeight}}px">
+    <add-desktop></add-desktop>
+
     <div class="p-rel h-200 flex ai_center fd_c" style="padding-top:50px;">
       <image if="{{!open}}" 
              style="width: 130px;height: 130px;margin-top: 40px;" 

+ 4 - 0
src/pages/tools/shengDianJiQiao/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="wrapper">
+    <add-desktop></add-desktop>
+
       <image
         class="image"
         src="https://ytnovels.oss-cn-shanghai.aliyuncs.com/appStatic/images/source/sdjq_.png"

+ 4 - 0
src/pages/tools/shouJiCeJu/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="wrapper">
+    <add-desktop></add-desktop>
+
     <image src="https://ytnovels.oss-cn-shanghai.aliyuncs.com/appStatic/images/source/rules.png"></image>
   </div>
 </template>

+ 4 - 0
src/pages/tools/shouJiQingLi/index.ux

@@ -1,6 +1,10 @@
 <import name="loading-progress" src="../../../components/loading-progress"></import>
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="content">
+    <add-desktop></add-desktop>
+
       <div class="flex w ai_center jc_center fd_c mgt-20">
         <!-- 快应用不支持 vue 组件,iCircle 需自定义或用原生canvas实现 -->
         <image src="https://ytnovels.oss-cn-shanghai.aliyuncs.com/appStatic/images/source/jiasu.png" if="{{!status}}"

+ 4 - 0
src/pages/tools/wangLuoXinXi/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="content">
+    <add-desktop></add-desktop>
+
     <div class="box">
 			<div class="item" style="justify-content: space-between;">
 				<text>国家</text>

+ 4 - 0
src/pages/tools/wifiGuanLi/index.ux

@@ -1,7 +1,11 @@
 <import name="center-modal" src="../../../components/center-modal"></import>
 <import name="loading-progress" src="../../../components/loading-progress"></import>
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="content p-rel">
+    <add-desktop></add-desktop>
+
     <div style="padding-top: {{statusBarHeight}}px;"></div>
     <div class="box">
       <text class="mgb-10">当前连接:{{ curWifi }}</text>

+ 4 - 0
src/pages/tools/yangShengKeTang/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="wrapper">
+    <add-desktop></add-desktop>
+
     <swiper class="swiper">
           <image
             class="swiper-image"

+ 4 - 0
src/pages/tools/yiJianShengDian/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="content">
+    <add-desktop></add-desktop>
+
     <div style="padding-top: {{statusBarHeight}}px"></div>
     <div class="box1">
       <text class="text-24 mgb-20">剩余电量</text>

+ 3 - 0
src/pages/tools/yunDongJiBu/index.ux

@@ -1,7 +1,10 @@
 <import name="center-modal" src="../../../components/center-modal"></import>
+<import name="add-desktop" src="/src/components/addDesktop"></import>
 
 <template>
   <div class="wrapper" style="position: relative;">
+    <add-desktop></add-desktop>
+
      <image class="w h-350" style="width: 100%;" src="https://ytnovels.oss-cn-shanghai.aliyuncs.com/appStatic/images/source/yundongjibu.jpg"></image>
      <div class="num">
          <text class="curNum" id="popup" @click="setNum">{{  curNum  }}</text>

+ 4 - 0
src/pages/tools/ziTiDaXiao/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="wrapper">
+    <add-desktop></add-desktop>
+
       <image
         class="image"
         src="https://ytnovels.oss-cn-shanghai.aliyuncs.com/appStatic/images/source/ziti.jpg"

+ 4 - 0
src/pages/tools/zuiXinBiZhi/index.ux

@@ -1,5 +1,9 @@
+<import name="add-desktop" src="/src/components/addDesktop"></import>
+
 <template>
   <div class="content">
+    <add-desktop></add-desktop>
+
       <div class="imgs mgt-40 flex fw_wrap">
         <image class="w-220 h-280 radio-16" 
                mode="aspectFill"