11

https://www.aliyun.com/minisite/goods?userCode=unvga89m

阿里云的服务器

产品说明：系统产品经理及开发团队为家政行业从业多年，更了解的家政业务场景

产品技术栈：Uniapp + Unicloud (阿里云)前后端分离
平台构架：客户端(小程序) + 家政服务人员端(小程序) + 管理后台端(小程序)
二次开发：购买源码后团队提供二次开发的文档及技术支持，也可以提供定制开发
核心功能，客户登录注册、订单预约、面试、合同、支付、订单支付、会员开通、推广收益及管理、小区关联、服务人员入驻、资料审核、档案卡管理、接单/抢单、面试管理、订单管理、帐户充值等

全职在家承接外包，多年外包经验，个人开发者，绝对实惠靠谱，有很多款线上应用(度是自己开发的，自己独立完成，可查)

可做商城类，社交类，工具类，任务平台类,mes 类等，除了游戏和带颜色的，其他度可以开发

可承接安卓/IOS、各个端的小程序、H5网页、PC网页开发，从前端到后端，我全度会，一条龙服务

有需要开发的并能看得上我的请联系我哈

vx:wu1020yt

各位同行就别在下面打广告了谢谢

每次看你们的文档还得单独关闭你们网站的字体设置难受的要命。

兄弟们 启动图会往上顶一下有没有大佬解决一下

10+年程序员在线接单丶价低丶活好丶前后端都可以开发。

可以远程，也可以到公司
vx:a58334605

最近手里有个项目，由于各种环境过多，使用了HbuilderX的自定义发行定义了一堆环境，然后发现运行发布的时候，无法知道是否选择了正确的环境，发布完成之后总是需要测试一下，环境是否正确，由于无法cli运行发布，也无法工程化，导致这里有非常大的风险，并且容易浪费时间

问题现象：

1. vue3项目编译成h5后，富文本编辑器editor在iOS17上可以正常编辑，在iOS低版本上可以调起键盘，但不显示光标，也无法输入文字
2. 直接运行时在iOS低版本上可以输入，编译成h5后就无法输入了

解决方法：

1. 在调用editor的页面添加样式：
   > div * {
   -webkit-user-select: text;
   outline: none; // 这个视情况而定
   }

历经一个月有余爆肝高强度开发，原创重磅新作HarmonyOS 5.0 api12聊天app项目正式完结了。

HarmonyOS-Next5.0-API12仿微信聊天App应用

项目框架目录

HarmonyOS-Chat聊天app已经同步到我的原创作品集。

https://gf.bilibili.com/item/detail/1107424011

想要更快进阶鸿蒙开发，先把官方文档撸一遍，然后找个实战项目学习。

鸿蒙os开发者官网
https://developer.huawei.com/consumer/cn/

路由页面json文件

arkts/arkui封装自定义导航栏

之前有写过一篇专门的分享介绍，感兴趣的可以去看看下面这篇文章。
https://www.cnblogs.com/xiaoyan2017/p/18517517

arkts/arkui登录模板/倒计时

/**  
 * 登录模板  
 * @author andy  
 */  

import { router, promptAction } from '@kit.ArkUI'  

@Entry  
@Component  
struct Login {  
  @State name: string = ''  
  @State pwd: string = ''  

  // 提交  
  handleSubmit() {  
    if(this.name === '' || this.pwd === '') {  
      promptAction.showToast({ message: '账号或密码不能为空' })  
    }else {  
      // 登录接口逻辑...  

      promptAction.showToast({ message: '登录成功' })  
      setTimeout(() => {  
        router.replaceUrl({ url: 'pages/Index' })  
      }, 2000)  
    }  
  }  

  build() {  
    Column() {  
      Column({space: 10}) {  
        Image('pages/assets/images/logo.png').height(50).width(50)  
        Text('HarmonyOS-Chat').fontSize(18).fontColor('#0a59f7')  
      }  
      .margin({top: 50})  
      Column({space: 15}) {  
        TextInput({placeholder: '请输入账号'})  
          .onChange((value) => {  
            this.name = value  
          })  
        TextInput({placeholder: '请输入密码'}).type(InputType.Password)  
          .onChange((value) => {  
            this.pwd = value  
          })  
        Button('登录').height(45).width('100%')  
          .linearGradient({ angle: 135, colors: [['#0a59f7', 0.1], ['#07c160', 1]] })  
          .onClick(() => {  
            this.handleSubmit()  
          })  
      }  
      .margin({top: 30})  
      .width('80%')  
      Row({space: 15}) {  
        Text('忘记密码').fontSize(14).opacity(0.5)  
        Text('注册账号').fontSize(14).opacity(0.5)  
          .onClick(() => {  
            router.pushUrl({url: 'pages/views/auth/Register'})  
          })  
      }  
      .margin({top: 20})  
    }  
    .height('100%')  
    .width('100%')  
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])  
  }  
}

60s倒计时功能

Stack({alignContent: Alignment.End}) {  
  TextInput({placeholder: '验证码'})  
    .onChange((value) => {  
      this.code = value  
    })  
  Button(`${this.codeText}`).enabled(!this.disabled).controlSize(ControlSize.SMALL).margin({right: 5})  
    .onClick(() => {  
      this.handleVCode()  
    })  
}  

// 验证码参数  
@State codeText: string = '获取验证码'  
@State disabled: boolean = false  
@State time: number = 60  

// 获取验证码  
handleVCode() {  
  if(this.tel === '') {  
    promptAction.showToast({ message: '请输入手机号' })  
  }else if(!checkMobile(this.tel)) {  
    promptAction.showToast({ message: '手机号格式错误' })  
  }else {  
    const timer = setInterval(() => {  
      if(this.time > 0) {  
        this.disabled = true  
        this.codeText = `获取验证码(${this.time--})`  
      }else {  
        clearInterval(timer)  
        this.codeText = '获取验证码'  
        this.time = 5  
        this.disabled = false  
      }  
    }, 1000)  
  }  
}

harmony-chat聊天app项目涉及知识点很多，对于想要快速入门到进阶开发HarmonyOS应用的开发者，建议先阅读官方文档，然后再找一个实战项目案例进行练习。华为官网提供了HarmonyOS开发设计规范和ArkUI方舟UI框架的相关资料，这些都是宝贵的开发资源

作者：xiaoyan2017
链接： https://segmentfault.com/a/1190000045487385
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。