当前位置： 首页 > news >正文

微信小程序

news 2026/2/10 19:18:50

文章目录

  • 一、实现步骤
    • （一）创建项目
    • （二）创建页面
    • （三）准备图片素材
    • （四）编写页面结构
      • 1、编写轮播区域页面结构
      • 2、编写九宫格区域页面结构
    • （五）编写页面样式
      • 1、编写轮播图区样式
      • 2、编写九宫格区域页面样式
    • （六）查看模拟机效果

一、实现步骤

（一）创建项目

在这里插入图片描述

（二）创建页面

在这里插入图片描述

（三）准备图片素材

在这里插入图片描述

（四）编写页面结构

1、编写轮播区域页面结构

  • 源码
    在这里插入图片描述
  • 预览效果
    在这里插入图片描述

2、编写九宫格区域页面结构

  • view组件里嵌套9个view组件
    在这里插入图片描述

（五）编写页面样式

1、编写轮播图区样式

  • 设置swiper容器高度：350rpx，设置容器的高度和宽度

在这里插入图片描述

  • 预览效果
    在这里插入图片描述

2、编写九宫格区域页面样式

  • 整体页面样式
    在这里插入图片描述

  • 每个格子页面样式
    在这里插入图片描述

  • 每个格子中的图片和文字的页面样式
    在这里插入图片描述

（六）查看模拟机效果

  • 查看轮播图和九宫格

在这里插入图片描述

相关文章：

微信小程序

文章目录 一、实现步骤（一）创建项目（二）创建页面（三）准备图片素材（四）编写页面结构1、编写轮播区域页面结构2、编写九宫格区域页面结构 （五）编写页面样式1、编…...

编程日记 2023/10/11 11:15:38

Python教程——配置环境，再探IDE

文章目录 一、Python安装下载安装验证 二、第一个Python程序常见问题 三、Python解释器四、PyCharm工具安装和配置安装使用PyCharm基本使用 一、Python安装 下载 如果我们想要使用Python语言编写程序，我们必须下载Python安装包并配置Python环境，我们现…...

编程日记 2023/10/11 11:14:38

java BigDecimal取消科学计数法显示

...

编程日记 2023/10/11 11:13:37

南昌新颜|AIGC艺术之光，历史的魅力与未来的探索

在这个本来稀松平常的周一，我们坐在电脑前，回顾着刚刚过去的两天，仿佛经历了“反方向的钟”。前两天的上班日子，究竟是周几呢？答案不再是简单的星期几，而是“周负二”和“周负一”。因为，我们把…...

编程日记 2023/10/11 11:12:35

电容笔有必要买吗？电容笔牌子排行

随着越来越多用户都开始用上了电容笔，苹果的Pencil，尽管功能强大，但是价格昂贵，并非所有人都可以有预算买得起。现在市面上有许多平替电容笔，其成本低、操作简便，因而受到了广泛的关注。所以，我…...

编程日记 2023/10/11 11:11:34

SpringCloud学习笔记-Ribbon负载均衡

目录 1.负载均衡策略2.自定义负载均衡策略3.饥饿加载 SpringCloudRibbon的底层采用了一个拦截器，拦截了RestTemplate发出的请求，对地址做了修改。用一幅图来总结一下： 基本流程如下： 拦截我们的RestTemplate请求http://userserv…...

编程日记 2023/10/11 11:10:33

安装JAVA 依赖环境 Maven 教程

一、下载链接与Tips Maven 过去版本下载传送门：（ Java 8 兼容 Java 7，即 Java 8 的 JDK 能运行 3.8.8 以下的 Maven） Maven Releases History Download 点击 release notes 点击 available for download. 选择 bin 的安装包 然…...

编程日记 2023/10/11 11:09:31

小程序A跳转小程序B并且自动登录

需求 例如有一个小程序A，A中有一个功能需要跳转小程序B进行查看。需要点击此功能跳转至小程序B,并且自动登录 实现方式 小程序A的跳转方法 wx.navigateToMiniProgram({appId: "目标小程序APPID",path: "目标小程序小程序页面",extraData: {use…...

编程日记 2023/10/11 11:07:29

【微服务部署】八、HAProxy+Keepalived高可用负载均衡集群配置

HAProxy是一种免费、快速、可靠的反向代理，为基于TCP和HTTP的应用程序提供高可用性、负载平衡和代理，它非常适合应用在高并发大流量的网站上。这些年来，HAProxy已成为事实上的标准开源负载均衡，目前HAProxy已与大多数主流Linux发行…...

编程日记 2023/10/11 11:06:28

机器学习（21）---召回率(recall)、精度(precision)和准确率(accuracy)

文章目录 1. 分布不平衡的数据集2. TP、TN 、FP 、FN3. 混淆矩阵4. 各自的计算公式5. 例题应用 1. 分布不平衡的数据集 1. 精度（precision）和召回率（recall）是衡量机器学习模型性能的重要指标，特别是数据集分布不平衡的…...

编程日记 2023/10/11 11:03:26

EsayExcel让不同标题有不同的颜色

今天我在github社区的时候遇见了这个issues，我有看了下百度发现很多人需要这个问题的解决方案，接下来我就写一份这个问题的解决方案。 您的需求： ​ 您好我了解到您的需求，您的需求是为每一个标题设置不同的颜色。 我的解决方案…...

编程日记 2023/10/11 11:02:25

Ant Design of React 创建项目及运行环境

Ant Design of React 学习笔记（1） 创建项目及运行环境 本文使用 create-react-app 创建一个 TypeScript 项目，并引入 antd。 1.命令行cd到对应的目录，这里是npm下回车运行，其他如pnpm yarn参考官网 npx create-reac…...

编程日记 2023/10/11 11:00:23

NoSQL之Redis 主从复制配置详解及哨兵模式

目录 1 Redis 主从复制 1.1 主从复制的作用 1.2 主从复制流程 2 搭建Redis 主从复制 2.1 安装 Redis 2.2 修改 Redis 配置文件（Master节点操作） 2.3 修改 Redis 配置文件（Slave节点操作） 2.4 验证主从效果 3 Redis 哨兵模…...

编程日记 2023/10/11 10:59:21

界面组件DevExpress WinForms v23.2新功能预览 - 增强MVVM相关功能

本文主要描述了DevExpress WinForms即将在几个月之后发布的v23.2中包含的新功能，持续关注我们获取更多最新资讯哦~ DevExpress WinForms有180组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且易于使用的应用…...

编程日记 2023/10/11 10:57:18

vue3前端开发-开发环境安装篇

文章目录 1.安装nvm2.设置安装源为淘宝镜像3.通过nvm安装nodejs4. 安装pnpm4.1 安装pnpm4.2 配置 5.创建vite-vue项目6. vue3demo目录结构7. 扩展插件安装8. 用户代码片段8.1 设置8.2 快速生成代码 1.安装nvm 如果本地已经安装了nodejs，请先卸载。 nvm主要的作用就是…...

编程日记 2023/10/11 10:56:17

MVCC和BufferPool缓存机制

文章目录 1. MVCC多版本并发控制机制2. BufferPool缓存机制 1. MVCC多版本并发控制机制 Mysql可以在可重复读隔离级别下可以保证事务较高的隔离性，这个隔离性是由MVCC机制来保证的，对一行数据的读和写两个操作默认是不会通过加锁互斥来保证隔离性&#…...

编程日记 2023/10/11 10:53:13

论文阅读笔记（Clover: 计算与存储被动分离的分布式键值存储系统）

关于Disaggregating Persistent Memory and Controlling Them Remotely: An Exploration of Passive Disaggregated Key-Value Stores这篇论文的笔记 原文链接 提出背景 传统的分布式存储系统中，每个节点都会包含计算和存储两个部分，一个节点既可以访…...

编程日记 2023/10/11 10:52:11

大模型推理框架概述

从 ChatGPT 面世以来，引领了大模型时代的变革，除了大模型遍地开花以外，承载大模型进行推理的框架也是层出不穷，大有百家争鸣的态势。本文主要针对业界知名度较高的一些大模型推理框架进行相应的概述。 简介 vLLM是一个开源的大模…...

编程日记 2023/10/11 10:50:09

抖音商品详情数据接口，抖音商品详情API接口

抖音商品详情API接口获取数据，接口对接可获取到商品标题，商品价格，商品优惠价，优惠券信息，店铺昵称，sku信息，sku主图，视频链接，详情主图，库存，数量…...

编程日记 2023/10/11 10:49:08

睿趣科技：抖音开网店怎么开通

在当前的数字时代，电子商务已经成为一种主流的商业模式。抖音作为中国最大的短视频平台，也提供了这种能力，让商家能够在平台上开设自己的网店。那么，如何在抖音上开通网店呢?下面是详细的步骤： 注册抖音账号 首先&…...

编程日记 2023/10/11 10:48:06

Android Wi-Fi 连接失败日志分析

1. Android wifi 关键日志总结 (1) Wi-Fi 断开 (CTRL-EVENT-DISCONNECTED reason3) 日志相关部分： 06-05 10:48:40.987 943 943 I wpa_supplicant: wlan0: CTRL-EVENT-DISCONNECTED bssid44:9b:c1:57:a8:90 reason3 locally_generated1解析： CTR…...

编程新知 2025/9/14 19:44:52

黑马Mybatis

Mybatis 表现层&#xff1a;页面展示 业务层&#xff1a;逻辑处理 持久层&#xff1a;持久数据化保存 在这里插入图片描述 Mybatis快速入门 ![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/6501c2109c4442118ceb6014725e48e4.png //logback.xml <?xml ver…...

编程新知 2026/1/22 14:22:27

k8s从入门到放弃之Ingress七层负载

k8s从入门到放弃之Ingress七层负载 在Kubernetes&#xff08;简称K8s&#xff09;中&#xff0c;Ingress是一个API对象&#xff0c;它允许你定义如何从集群外部访问集群内部的服务。Ingress可以提供负载均衡、SSL终结和基于名称的虚拟主机等功能。通过Ingress&#xff0c;你可…...

编程新知 2025/9/7 0:12:53

在鸿蒙HarmonyOS 5中实现抖音风格的点赞功能

下面我将详细介绍如何使用HarmonyOS SDK在HarmonyOS 5中实现类似抖音的点赞功能&#xff0c;包括动画效果、数据同步和交互优化。 1. 基础点赞功能实现 1.1 创建数据模型 // VideoModel.ets export class VideoModel {id: string "";title: string ""…...

编程新知 2025/11/14 9:31:35

智慧工地云平台源码，基于微服务架构+Java+Spring Cloud +UniApp +MySql

智慧工地管理云平台系统&#xff0c;智慧工地全套源码&#xff0c;java版智慧工地源码&#xff0c;支持PC端、大屏端、移动端。 智慧工地聚焦建筑行业的市场需求&#xff0c;提供“平台网络终端”的整体解决方案&#xff0c;提供劳务管理、视频管理、智能监测、绿色施工、安全管…...

编程新知 2026/1/30 15:16:32

基于uniapp+WebSocket实现聊天对话、消息监听、消息推送、聊天室等功能，多端兼容

基于 ​UniApp + WebSocket​实现多端兼容的实时通讯系统，涵盖WebSocket连接建立、消息收发机制、多端兼容性配置、消息实时监听等功能，适配​微信小程序、H5、Android、iOS等终端 目录 技术选型分析WebSocket协议优势UniApp跨平台特性WebSocket 基础实现连接管理消息收发连接…...

编程新知 2026/1/22 16:15:42

Springcloud：Eureka 高可用集群搭建实战（服务注册与发现的底层原理与避坑指南）

引言&#xff1a;为什么 Eureka 依然是存量系统的核心&#xff1f; 尽管 Nacos 等新注册中心崛起&#xff0c;但金融、电力等保守行业仍有大量系统运行在 Eureka 上。理解其高可用设计与自我保护机制&#xff0c;是保障分布式系统稳定的必修课。本文将手把手带你搭建生产级 Eur…...

编程新知 2026/2/10 15:47:33

智能仓储的未来：自动化、AI与数据分析如何重塑物流中心

当仓库学会“思考”&#xff0c;物流的终极形态正在诞生 想象这样的场景&#xff1a; 凌晨3点&#xff0c;某物流中心灯火通明却空无一人。AGV机器人集群根据实时订单动态规划路径&#xff1b;AI视觉系统在0.1秒内扫描包裹信息&#xff1b;数字孪生平台正模拟次日峰值流量压力…...

编程新知 2026/2/1 2:49:30

力扣-35.搜索插入位置

题目描述 给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c;并返回其索引。如果目标值不存在于数组中&#xff0c;返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 class Solution {public int searchInsert(int[] nums, …...

编程新知 2025/12/3 3:22:43

#Uniapp篇：chrome调试unapp适配

chrome调试设备----使用Android模拟机开发调试移动端页面 Chrome://inspect/#devices MuMu模拟器Edge浏览器&#xff1a;Android原生APP嵌入的H5页面元素定位 chrome://inspect/#devices uniapp单位适配 根路径下 postcss.config.js 需要装这些插件 “postcss”: “^8.5.…...

编程新知 2026/1/4 21:36:42