支付宝小程序的开发笔记

最新推荐文章于 2024-03-05 09:29:51 发布
最新推荐文章于 2024-03-05 09:29:51 发布
阅读量1.8k 收藏 8
点赞数 3
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29334605/article/details/110245511
版权

开始

对于一个使用过Vue.js的前端来说，小程序和vue的语法很像，难道不大，增加了一些基于支付宝的内置功能，简单来说，支付宝就是一个浏览器，小程序是支付宝的Html而已.。

Tips, 开发工具编译经常不及时，故意写错代码，比如写错标签不闭合，或者乱写，就马上有效果 ！！！

小程序的使用

小程序无需安装，用户第一次使用小程序时，支付宝 App 会从服务器下载小程序的资源，下载后的小程序资源会缓存在支付宝的客户端一段时间。

当用户再次打开已经缓存资源的小程序时，会跳过下载过程，能够更快地打开小程序

当用户首次打开小程序时候，小程序会处于前台运行状态。

用户点击右上角关闭按钮关闭小程序，或者按下设备 Home 键离开支付宝 App 时，小程序并不会直接销毁，而是进入后台运行状态。

从后台运行切换为前台运行： 当未被系统销毁的小程序再度被打开或者激活时，会从后台运行切换为前台运行

用户点击右上角关闭按钮关闭小程序时，小程序仅是进入后台运行，不会被销毁。只有当小程序进入后台运行状态一定时间，或者占用系统资源过高时，才会被真正销毁

核心的业务能力

支付收单、营销服务、会员管理 、芝麻信用、位置服务、供应链 、资金管理、金融服务，如蚂蚁借呗


小程序启动和入口


小程序启动方式

冷启动： 当用户打开未启动过，或者是已经销毁的小程序时，称为冷启动。此时小程序会执行初始化，初始化完成后，会触发 onLaunch 回调函数。

热启动： 当用户打开已经关闭但仍处于后台运行的小程序时，称为热启动。在这种情况下，小程序并不会被销毁后重启，而仅是从后台切换到前台，此时，onShow 函数会触发，onLaunch 回调函数不会被触发。

小程序的入口

  1. 扫一扫
  2. 搜索
  3. 朋友tab页
  4. 支付成功页
  5. 小程序收藏
  6. 生活号关联
  7. 卡包

小程序入口的场景值

在相关生命周期里，可以获取到时怎么进入小程序的，详细的数据

App({
  onLaunch(options) {
    console.log('App onLaunch Scene:', options.scene);//options.scene 是 String 类型的 
  },
  onShow(options) {
    console.log('App onShow Scene:', options.scene);
  },
})

代码层面

可以使用npm包，app.acss 作为全局样式，作用于当前小程序的所有页面

// 背景色渐变
background-image: linear-gradient(90deg, rgb(5, 131, 68) 0%, #3264C5 99%);

// getApp方法获取顶层app实例
var app = getApp();
console.log(app.globalData); // 获取 globalData

app.js

App() 代表顶层应用，管理所有页面和全局数据，以及提供生命周期回调等


App({
// 比如 alipays://platformapi/startapp?appId=1999&query=number%3D1&page=x%2Fy%2Fz 打开小程序 
  onLaunch(options) {
    // 第一次打开
    console.log(options.query);
    // {number:1}
    console.log(options.path);
    // x/y/z
  },
  onShow(options) {
    // 小程序启动，或从后台被重新打开
  },
  onHide() {
    // 小程序从前台进入后台
  },
  onError(msg) {
    // 小程序发生脚本错误或 API 调用出现报错
    console.log(msg);
  },
  globalData: {
  // 全局数据
    name: 'alipay',
  },
});

app.json

整个应用的配置

{
  // 配置页面
  "pages": [
    "pages/index/index"
  ],
   // 配置插件
  "plugins": {
    "myPlugin": {
      "version": "*",
      "provider": "2019120769656826"
    }
  },
  "window": {
    "transparentTitle": "always", // 导航栏透明设置 默认 none，支持 always 一直透明 / auto 滑动自适应 / none 不透明。 
    "titlePenetrate": true,
    "backgroundImageColor": "#3264C5",
    "defaultTitle": "defaultTitle", // 默认标题
    "allowsBounceVertical":"NO", // 允许下拉。默认"yes"
    "pullRefresh" : true, // 支持下拉刷新吗，默认 true，需要允许下拉才可以
    "titlePenetrate": "YES" // 是否允许导航栏点击穿透。默认 NO，支持 YES / NO 
    "titleImage":  // 导航栏图片地址 ,
    "titleBarColor": "rgba(0,0,0,0.1)"  // 导航栏背景色
  },
  // 配置底部导航tabs
  "tabBar": {
    "textColor": "#111",
    "selectedColor": "blue",
    "backgroundColor": "#ffffff",
    "items": [
      {
        "pagePath": "pages/index/index",
        "name": "首页"，
        "icon" : "", // 小图标
        "activeIcon" : "",
      },
      {
        "pagePath": "pages/logs/logs",
        "name": "日志"
      }
    ]
  }
}

page.json

在 /pages 目录中的 .json 文件用于配置当前页面的窗口表现。页面配置比 app.json 全局配置简单得多，只能设置 window 相关配置项，但无需写 window 这个键

// css 
// page页面 page元素声明整个页面的样式
page {
  background-color: #fff;
}

// json 
// 配置 optionMenu  点击后触发 onOptionMenuClick 
{
  "optionMenu": {
    "icon": "https://img.alicdn.com/tps/i3/T1OjaVFl4dXXa.JOZB-114-114.png"
  },
  "titlePenetrate": "YES",
  "barButtonTheme": "light"
}

page.js

page.js是每个页面的逻辑

// pages/index/index.js
Page({
  // 和 vue一样，是对象时，所有页面公用，用函数保证每个页面数据独立
  // this.data无法修改数据，this.setData修改
  data: (){
	  return {
	    title: "Alipay",
	  },
   }
  
  // 页面初始化时触发。一个页面只会调用一次。
  // query 为 my.navigateTo 和 my.redirectTo 中传递的 query 对象。
  // query 内容格式为：“参数名=参数值&参数名=参数值…”。
  onLoad(query) {
    // 页面加载
  },
  onShow() {
    // 页面显示
  },
 
  // onReady === didMount 
  onReady() {
    // 页面加载完成
  },
  onHide() {
    // 页面隐藏
    // 页面隐藏/切入后台时触发。 如 my.navigateTo 到其他页面或底部 tab 切换等。 
  },
  onUnload() {
    // 页面被关闭
    // 页面卸载时触发。 如 my.redirectTo 或 my.navigateBack 到其他页面等。 
  },
  onTitleClick() {
    // 标题被点击
  },
  onPullDownRefresh() {
    // 页面被下拉
  },
  onTabItemTap(){
   // 点击tabItem时触发
  }
  onPageScroll({scrollTop}){
  },
  onReachBottom() {
    // 页面被拉到底部
  },
  onShareAppMessage() {
   // 返回自定义分享信息
  },
  // 事件处理函数对象
  events: {
    onBack() {
      console.log('onBack');
    },
  },
  // 自定义事件处理函数
  viewTap() {
    this.setData({
      text: 'Set data for update.',
    });
  },
  // 自定义事件处理函数
  go() {
    // 带参数的跳转，从 page/ui/index 的 onLoad 函数的 query 中读取 type
    my.navigateTo({url:'/page/ui/index?type=mini'});
  },
  // 自定义数据对象
  customData: {
    name: 'alipay',
  },
});

page.axml

使用include 直接引入页面


// html 条件渲染 
<view a:if="{{length > 5}}"> 1 </view>
<view a:elif="{{length > 2}}"> 2 </view>
<view a:else> 3 </view>

<!-- index.axml -->
<include src="./header.axml"/>
<view> body </view>
<include src="./footer.axml"/>

<!-- header.axml -->
<view> header </view>
<!-- footer.axml -->
<view> footer </view>

使用import引入模板

<!-- item.axml -->
<template name="item">
  <text>{{text}}</text>
</template>

<import src="./item.axml"/>
<template is="item" data="{{text: 'forbar'}}"/>

页面跳转

// 1. 类似A链接的方式
<view class="page">
  <view class="page-description">导航栏</view>
  <navigator open-type="navigate" url="./navigate" hover-class="navigator-hover">跳转到新页面</navigator>
  <navigator open-type="redirect" url="./redirect" hover-class="navigator-hover">在当前页打开</navigator>
  <navigator open-type="switchTab" url="/page/API/index/index" hover-class="navigator-hover">跳转到另外一个 Tab - API</navigator>
  <navigator open-type="reLaunch" url="/page/component/index" hover-class="navigator-hover">重新打开</navigator>
  <navigator open-type="navigateBack" hover-class="navigator-hover">返回上一页面</navigator>
</view>

// 2. js跳转
 my.navigateTo({ url: './back' })
 my.redirectTo({ url: './back' })

acss

rpx（responsive pixel）可以根据屏幕宽度进行自适应，规定屏幕宽为 750rpx。以 Apple iPhone6 为例，屏幕宽度为 375px，共有 750 个物理像素，则 750 rpx = 375 px = 750 物理像素，1rpx = 0.5 px = 1 物理像素。

右上角的分享

Page ({

  data: {
   canIUseShareButton: true
  },
  // 用户点击分享按钮的时候会调用此事件需要返回一个对象（Object）类型，用于自定义分享内容
  onShareAppMessage () {
  return {
    title : '分享 View 组件' ,
    desc : 'View 组件很通用' ,
    path : 'page/component/view/view' ,
        };
      },
 });

event 事件

点击事件，如onTap，on开头就是想上冒泡，catchTap就是不冒泡

常用事件有，tap，longTap(长按，0.5s)，touchStart，touchEnd，touchCancel，touchMove

event对象有 type，timeStamp，target，属性，自定义的数据，要 data-小写字母来传值，如data-ha-sa,取值的时候，会转成驼峰，haSa

不同的事件，如tap和touch的event不一样

缓存

set, get, clear, remove 4个方法
大小最多是10M
同步和异步两种方法
不建议使用cookie和session

my.setStorage('name','huahua')
my.setStorageAsync('name','huahua')

自定义组件（简直的vue的一样）

小程序基础库从 1.7.0 版本开始支持自定义组件功能。
通过 my.canIUse('component') 判断自定义组件功能是否在当前版本使用；

从 1.14.0 版本开始，自定义组件支持 component2 相关功能，通过调用 my.canIUse('component2') 可判断新自定义组件功能是否可在当前版本使用， component2 相关功能如下：新增 onInit、deriveDataFromProps 生命周期函数 ，支持使用 ref 获取自定义组件实例 。

[componentName].json 文件

{
  "component": true, // 必选，自定义组件的值必须是 true
  "usingComponents": {
    "other":"../other/index" // 依赖的组件
  }
}

组件的样式

组件的样式，如果写了page样式，是代表他使用者页面的样式，而不是他的样式

右键新建一个组件即可，使用时，在当前页面的json中进入组价声明即可

{
  "usingComponents": {
    "my-component":"/components/index/index"
  }
}

slot 插槽

// demo 组件
<view>
  this is demo component
  <slot>
    <view>this is default slot</view>
  </slot>
  haha
   <slot name="header"/>
</view>

// 使用自己的内容替换默认插槽
<demo>
  <view>this is my slot</view>
  <view slot="header">header</view>
</demo>

组件获取参数,通过在js文件中的data和props参数，可以使用组件自己的数据和外部传递的数据

// /components/index/index.js
Component({
  data: {
    x: 1,
  },
  props: {
    y: '',
  },
});

<!-- /components/index/index.axml -->
<view>component data: {{x}}</view>
<view>page data: {{y}}</view>

自定义组件声明周期

Component({
  data: {
    o: {
      value: "scope-value"
    }
  },
  onInit() { // 组件创建时触发
    console.log("i1 onInit", this.props, this.data);
  },
  deriveDataFromProps(nextProps) { // 组件创建时触发或更新时触发
    console.log("i1 deriveDataFromProps", nextProps, this.props, this.data);
  },
  didMount() { // 组件创建完毕时触发
    console.log("i1 didMount", this.props, this.data);
  },
  didUpdate(prevProps, prevData) { // 组件更新完毕时触发
    console.log("i1 didUpdate", prevProps, prevData, this.props, this.data);
  },
  didUnmount() { // 组件删除时触发
    console.log("i1 didUnmount");
  },
  methods: {
    change() {
      this.setData({ 'o.value': "changed-scope-value" });
    }
  }
});

mixin

用来封装组件的多个公用逻辑

// /mixins/lifecycle.js
export default {
  onInit(){
    console.log('init');
  }, 
  deriveDataFromProps(nextProps){},
  didMount(){},
  didUpdate(prevProps,prevData){},
  didUnmount(){},
};

// /components/index/index.js
import lifecycle from '/mixins/lifecycle';

const initialState = {
  data: {
    isLogin: false,
  },
};

const defaultProps = {
  props: {
    age: 30,
  },
};

const methods = {
  methods: {
  	onTapHandler() {},
  },
}

Component({
  mixins: [
    lifecycle,
    initialState,
    defaultProps,
    methods
  ],
  data: {
    name: 'alipay',
  },
});

ref

ref可以获取组件的实例，获取到组件实例之后，可以直接操作组件

// /pages/index/index.js
Page({
  plus() {
    this.counter.plus();
  },
  // saveRef 方法的参数 ref 为自定义组件实例，运行时由框架传递给 saveRef
  saveRef(ref) {
	// 存储自定义组件实例，方便以后调用
    this.counter = ref;
  },
});
<!-- /pages/index/index.axml -->
<my-component ref="saveRef" />
<button onTap="plus">+</button>

// 定义组件时。component2，可以指定ref返回的值，不是默认的组件的this
Component({
  ref() {
    return { key: 'value' }
  }
})

内置标签

<view> 约等于 div
scroll-view 约等于 div里边加了 scroll-auto
swiper 内置轮播图
文本要用text组件
表单form和html差不多，有原生picker支持
地图 map，内置高德地图
可以使用canvas画布

API

  • my.SDKVersion 查看当前基础库版本号，可以在控台中心设置小程序需要库的最低版本号
  • my.hideKeyboard 隐藏输入键盘
  • my.startPullDownRefresh 主动触发下拉刷新，my.stopPullDownRefresh 主动结束下拉刷新，onPullDownRefresh 监听下拉刷新

通讯录联系人

 // 获取本地通讯录
 choosePhoneContact() {
    my.choosePhoneContact({
      success: (res) => {
        my.alert({
          content: `姓名：${res.name} 电话：${res.mobile}`
        });
      },
      fail: (res) => {
        my.alert({
          content: 'choosePhoneContact response: ' + JSON.stringify(res),
        });
      },
    });
  },
  // 获取支付宝通讯录
  chooseAlipayContact() {
    my.chooseAlipayContact({
      count: 1,
      success: (res) => {
        my.alert({
          content: `真实姓名：${res.contacts[0].realName} 邮箱：${res.contacts[0].email} 电话：${res.contacts[0].mobile}`
        });
      },
      fail: (res) => {
        my.alert({
          content: 'chooseAlipayContact response: ' + JSON.stringify(res)
        });
      },
    });
  },
  // 获取联系人
  chooseContact() {
    my.chooseContact({
      chooseType: 'multi', // 多选模式
      includeMe: true,     // 包含自己
      includeMobileContactMode: 'known',//仅包含双向手机通讯录联系人，也即双方手机通讯录都存有对方号码的联系人
      multiChooseMax: 1,  // 最多能选择1个联系人
      multiChooseMaxTips: '超过选择的最大人数了',
      success: (res) => {
        my.alert({
          content: `真实姓名：${res.contactsDicArray[0].realName} 展示姓名：${res.contactsDicArray[0].displayName} 电话：${res.contactsDicArray[0].mobile}`
        });
      },
      fail: (res) => {
        my.alert({
          content: 'chooseContact : ' + JSON.stringify(res)
        });
      },
    });
  },
  // 添加一条记录到通讯录
  addPhoneContact() {
    if (my.canIUse('addPhoneContact')) {
      my.addPhoneContact(this.data);
    } else {
      my.alert({ 
        title: '客户端版本过低',
        content: 'my.addPhoneContact() 需要 10.1.32 及以上版本'
      });
    }
  }

日期选择

  datePicker() {
    my.datePicker({
      currentDate: '2016-10-10',
      startDate: '2016-10-9',
      endDate: '2017-10-9',
      success: (res) => {
        my.alert({
          content: '您选择的日期为: ' + res.date
        });
      },
    });
  },
    datePickerHMS() {
    my.datePicker({
      format: 'HH:mm:ss',
      currentDate: '12:12:12',
      startDate: '11:11:11',
      endDate: '13:13:13',
      success: (res) => {
        my.alert({
          content: '您选择的日期为: ' + res.date
        });
      },
    });
  },

可用node包

优化建议

  • 将数据请求提前到 onLoad
  • 体积大时，拆子包

分包加载

  • 支付宝小程序从客户端 10.1.60 版本开始支持分包加载功能
  • 开发者配置 subPackages 后，服务端将按 subPackages 配置的路径进行打包，
  • subPackages 配置路径外的目录将被默认打包到主包中。
  • 启动页面和 tabBar 的所有页面都必须放在主包中。
  • 每个分包的根目录不能是另外一个分包内的子目录。
  • 分包之间不能相互引用对方包中的资源（比如图片和 js 脚本等），分包可以引用主包和自己包内的资源。
  • 分包和主包是分别独立打包的，同一个js模块会在主包和分包中分别存在
  • 使用preloadRule，进行分包预下载
{
  "pages": ["pages/index"],
  "subPackages": [
    {
      "root": "sub1",
      "pages": ["page1"]
    },
    {
      "root": "sub2",
      "pages": ["page2"]
    },
    {
      "root": "sub3",
      "pages": ["page3"]
    },
    {
      "root": "path/sub4",
      "pages": ["page4"]
    }
  ],
  "preloadRule": {
    "pages/index": {
      "network": "all",
      "packages": ["sub1"]
    },
    "sub1/page1": {
      "packages": ["sub2", "sub3"]
    },
    "sub3/page3": {
      "network": "wifi",
      "packages": ["path/sub4"]
    }
  }
}
胖虎之后是兔子
关注
  • 3
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
《15分钟打造你自己的小程序》
07-10
零基础开发你自己的支付宝小程序，手把手教你从入门到精通的宝典。ToDo待办事项小程序、个人相册小程序、花呗支付小程序、运动步数小程序、云笔记小程序，五大实操小程序云让你更懂云上生活！
支付宝小程序开发笔记
we
06-06 1399
对于一个使用过Vue.js的前端来说，小程序和vue的语法很像，难道不大，增加了一些基于支付宝的内置功能，简单来说，支付宝就是一个浏览器，小程序是支付宝的Html而已.。 小程序无需安装，用户第一次使用小程序时，支付宝 App 会从服务器下载小程序的资源，下载后的小程序资源会缓存在支付宝的客户端一段时间。当用户再次打开已经缓存资源的小程序时，会跳过下载过程，能够更快地打开小程序当用户首次打开小程序时候，小程序会处于。用户点击右上角关闭按钮关闭小程序，或者按下设备 Home 键离开支付宝 App 时，小程序
【小程序】支付宝小程序自定义头部
wusq的博客
02-17 1809
支付宝小程序自定义头部 1.修改当前页面的main.json { "transparentTitle": "auto", "titlePenetrate":"YES" } transparentTitle： 标题栏透明设置，可选值： always一直透明； auto滑动自适应； none不透明，默认值。 titlePenetrate： 是否允许标题点击穿透，可选值： YES 允许； NO 不允许，默认值。 2.修改全局app.json的windows "window": { "transpa
支付宝DIY小程序源码系统 带完整的安装代码包以及部署教程
最新发布
2301_77558505的博客
03-05 321
支付宝小程序自推出以来，凭借其强大的用户基础和丰富的功能支持，吸引了众多开发者和企业的关注。然而，面对激烈的市场竞争，开发者往往需要更快速、更灵活地构建具有独特功能和用户体验的小程序。为此，支付宝官方推出了DIY小程序源码系统，让开发者能够根据自己的需求，自由定制小程序的功能和界面，实现差异化竞争。：源码系统提供了丰富的API接口和组件库，开发者可以根据自己的需求进行二次开发，实现个性化的功能。：支付宝官方提供完善的开发文档和技术支持，帮助开发者解决开发过程中遇到的问题。
支付宝小程序自定义状态栏，标题栏，标题栏文字。
weixin_43911938的博客
07-14 5139
1、app.json里面设置transparentTitle: 'none'，"titlePenetrate":"NO"设置全局标题栏不透明和标题栏不穿透属性。 "window": { "transparentTitle": "none" , "titlePenetrate":"NO", }, 2、在需要开启标题栏透明效果的页面单独设置一下page.json ，并且设置导航栏标题为空不显示原系统标题，需要标题栏穿透就设置标题栏穿透属性。 { "transparentTitle": "alw
钉钉小程序禁止下拉
weixin_42327537的博客
09-07 1257
allowsBounceVertical指为NO,禁止弹性下拉与上拉 allowsBounceVertical指为YES,允许弹性下拉与上拉 在json页面配置一下就好了
【uniApp】解决支付宝小程序平台上的页面禁止拖动
独树一枝
04-14 2265
在pages.json文件中，找到需要禁止拖动的页面path，在style添加mp-alipay属性，设置编译到 mp-alipay 平台的特定样式。 其中有allowsBounceVertical属性 ：是否允许向下拉拽。支持 YES / NO "mp-alipay":{ "allowsBounceVertical":"NO" } 代码例子： ...
axios-analysis:axios原始码阅读笔记
03-23
背景介绍axios作为一个在...支付宝小程序adapter，并简化axios一些过于鸡肋的功能（例如axios.all`` axios.spread ）完整的测试用例覆盖，确保新的axios库能够稳定的运行在生产环境axiox介绍基于Promise的HTTP客户端
超漂亮版网上商城源码程序免费版下载(整合论坛)
07-06
系统满足各个级别用户购建电子商务平台的需要,是构建各种大中小电子商务购物网站的首选系统!不需要专门编程,半天便能建立门户级专业电子商务购物网站.购物系统轻松管理维护,经济效率实实在在看得见.如不会本机调试本...
职业考证在线学习平台-.net
06-14
（2）五网合一，支持多终端：小程序、公众号、app、手机wap、pc （3）实体软件公司，专业技术团队，持续更新！ （4）源码开源、免费使用，开发手册、在线数据宝典 （5）使用教程：视频、word、图文等多种形式 【特色...
asp.net知识库
06-18
Visual Web Development 2005开发ASP.NET使用小技巧 ASP.NET 2.0 异步页面原理浅析 [1] [原] 自定义通用System.Web.UI.IHierarchicalDataSource简单实现 在 ASP.NET 2.0 中创建 Web 应用程序主题 ASP.NET 2.0 中的...
UNI-APP_开发支付宝小程序注意事项与解决方法，支付宝小程序图片显示问题
小歪博客
11-25 5207
uni-app开发支付宝小程序注意事项与解决方法，支付宝小程序图片显示问题
支付宝小程序-点击退出小程序
qq_41526624的博客
02-01 2939
前言 在微信小程序中，我们可以通过navigator组件，设置open-type=“exit”实现点击按钮退出小程序的功能 实际上在支付宝也可以用相同的方式实现退出小程序，虽然支付宝文档完全没写： 可能你不相信，因为官方文档往往是最正确的，但支付宝文档确实没写出这个已经实现的功能，具体代码示例和效果： .js: <navigator class="but" target="miniProgram" open-type='exit'>退出小程序</navigator> acss
uni-app 开发支付宝小程序 自定义导航栏
weixin_61380191的博客
08-12 2633
uni-app 自定义导航栏
支付宝小程序 开发第一天
YL
12-27 407
刚开始研究支付宝小程序，下载和配置就不多说了，和微信小程序流程都差不多，很简单。 支付宝开发文档：https://docs.alipay.com/mini/developer/getting-started 先说下支付宝小程序和微信小程序的区别：（ps:只是把自己知道的写出来，肯定会有遗漏，望大家多提意见补充） 支付宝： 1、支付宝小程序pages文件 视图层页面后缀是 .axml 样式文件...
taro 兼容支付宝小程序和微信小程序＜一＞ -- 自定义导航
hanchengmei的博客
09-05 894
支付宝和微信小程序的自定义导航的区别
小程序监听页面的返回按钮方法
qq_44441669的博客
12-25 6394
不论是微信小程序还是支付宝小程序中都没有这个生命周期函数，但是老板要求实现这个方法：只好百度，想办法解决问题。 具体用户的操作流程是：从第一个页面出发，走到第二个页面，然后又返回第一个页面。 以下是我具体实现的代码： 在第二个页面的 onShow(){}中：设置一个值，用来记录用户已经走到这个页面了。 onShow: function () { my.setStorageSync({ ...
支付宝小程序改变右上角按钮颜色
阿门阿窗一颗葡萄树
04-15 2027
我当前做的这个项目，登录页的背景图是一张蓝色的背景，需要平铺整个页面，但是支付宝小程序跟微信小程序不一样的是，右上角的按钮颜色是无法通过代码改变的，翻遍文档也找不到方法，然后问了官方技术支持，上图片 这一步官方的回答让我灵机一动： 尝试着先修改背景颜色为蓝色，再设置titerBar为始终透明： { "allowsBounceVertical": "NO",//不允许向下拖拽...
支付宝api返回html,支付宝小程序API 交互反馈
weixin_42097533的博客
06-20 289
my.alert简介my.alert 是警告框 API，可以设置警告框的标题、内容、按钮文字等。使用限制暂不支持设置图片等样式。扫码体验示例代码// API-DEMO page/API/alert/alert.json{"defaultTitle": "Alert"}警告框 APImy.alert显示警告框// API-DEMO page/API/alert/alert.jsPage({alert...
阿里小程序axml里边加 空格不生效
06-09
在阿里小程序的axml文件中，空格不会被渲染成实际的空格，而是会被视为文本内容的一部分。如果你想要在页面中添加空格，你可以尝试使用以下方法： 1. 使用 实体字符代替空格。例如：  代表两个空格。 2. 使用CSS样式来调整空格的大小和间距。例如：使用`letter-spacing`属性来调整字母之间的间距。 3. 使用图片代替空格。例如：在需要添加空格的地方插入一张空白图片。 希望这些方法能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值