wxml

  <view class="head"  >
    <!-- <van-image width="100%" height="100%" fit="fill" src="../../assets/images/icon-getcoupons.png" /> -->
    <image src="../../assets/images/girl.png" style="height:100%;width:100%;" />
    <text class="head-text">双12营销方案来啦，效果好到爆</text>
  </view>

wxss

.head{
  
  height: 35%;
  width: 94%;
  /* background-color: red; */
  border: 1rpx solid #aaa;
  margin-left: 3%;
  margin-right: 3%;
  border-radius: 3%;
  
}

.head-text{
  position: relative;
  z-index: 99;
  text-align: center;
  font-weight: 550;
  font-size: 35rpx;
  /* color: whitesmoke; */
  left: 35rpx;
  bottom: 80rpx;

}

效果图
在这里插入图片描述

Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

cover

灯光模拟HarmonyOS应用实战-16-重置灯光、重开考试和返回首页时要清掉哪些状态

avatar HarmonyOS开发者社区

鸿蒙开发ArkData用户首选项实战：从夜间模式到多进程配置的完整案例

用户首选项（Preferences）是 ArkData 里最轻量的存储，但用得最频繁——几乎每个应用都要存配置。下面用一个"应用设置中心"的完整案例，把读写、订阅、存储模式选择、容易出问题的点全过一遍。

avatar HarmonyOS开发者社区

鸿蒙ArkData键值型数据库实战：Schema 定义与商品库存同步案例

Schema 是 KV-Store 里一个容易被忽略的概念。它定义了 Value 的字段结构、类型、索引。数据有约束，写入不合规数据会被拦截建了索引，查询更快分布式同步时，两端 Schema 一致才能正确同步console.info('KVManager 未初始化');return;try {// 定义字段节点// 组装 Schema// 索引路径// 1 表示 STRICT 严格模式，0 表示

avatar HarmonyOS开发者社区