后台运行

{"name": "system.resident"}

import resident from '@system.resident'

const resident= require('system.resident')

resident.start({
    desc: ' '
})

resident.stop()

<template>
  <!-- Only one root node is allowed in template. -->
  <div class="container">
    <div class="item-container">
      <input type="button" class="btn" onclick="test_residentstart" value="resident start" />
    </div>
    <div class="item-container">
      <input type="button" class="btn" onclick="test_residentstop" value="resident stop" />
    </div>
  </div>
</template>
<style>
  .container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .item-container {
    margin-top: 50px;
    margin-right: 30px;
    margin-left: 30px;
    flex-direction: column;
  }
  .btn {
    background-color: #0faeff;
    color: #ffffff; 
    width:400px;
    height: 100px;
    font-size: 50px;
    border-radius:15px;
  }
  .content { 
    border: 2px ;
    border-radius: 10px;
    text-align: center;
  }
</style>
<script>
  import resident from '@system.resident'
  import prompt from '@system.prompt';
  module.exports = {
    data: {
      info:''
    },
    onInit() {
      this.$page.setTitleBar({
        text: 'resident',
        textColor: '#ffffff',
        backgroundColor: '#007DFF',
        backgroundOpacity: 0.5,
        menu: true
      });
    },
    test_residentstart() {
      console.log("start running in the background");
         resident.start({
            desc: ' 备份进度 30%'
        })
         prompt.showToast({
            message:  'start running in the background',
            duration: 2000,
            gravity: 'bottom'
            });
    },
    test_residentstop() {
         resident.stop()
         console.log("stop running in the background");
         prompt.showToast({
                message:  'stop running in the background',
                duration: 2000,
                gravity: 'bottom'
                });
    }
  }
</script>