1.视频播放器2.选择弹幕颜色3.弹幕来了... 一般微信小程序需要配置.wxml、wxss、js、json文件，所有接下来也是要配置这几个文件，请看下图：第一: index.wxml<!--index.wxml-->
<view class="section tc">
<video id="myVideo" style="height:{{
<!--index.wxml--><video src="http://video.usr.cn/d77d809cabc24f759f9b973868aa5c37/8b431426ce2541449370a2c71dea25eb-S00000001-200000.mp4"></video>使用video标签即可显示视频，src为视频地址。video微信小...
原创
2021-07-28 10:28:49
1078阅读
哈喽，大家好，我是SCLQ。最近在抖音刷到手持弹幕的视频，觉得是一个非常有趣应用，在手持弹幕小程序这个软件当中，你可以设置很长一段话，很适合追星。挑战一下自己，做一个小程序的手持弹幕应用。 效果： 可以自定义字体属性 话不多说，上操作：WXML:<view class="textBox" style="backgro
前言本人之前自学并发版了一个微信小程序（TXT音乐播放器），趁着还没忘，把常用的一些CSS样式总结在下方。微信小程序使用的css文件后缀为wcss，总的来说，与html中的css语法大致相同，但还是有一些特别的地方（有一些特有的语法与一些不太支持的语法）。 正文1.新建一个微信小程序页面时，可以在最外层写一个view标签（类似div标签），然后设置它的css(wcss)样式为：.main
转载
2023-11-26 19:49:18
110阅读
CSS 背景CSS 属性定义背景效果常用的方式:background-color（最常用）
background-color 属性定义了元素的背景颜色.如：
.title {background-color:red;} 就是设置类选择器title的背景颜色为红色我们上面的 background-color也可以简写为 background，如： .title {background-color:r
转载
2024-03-27 06:14:32
61阅读
小程序刚刚出来，现在网上的demo是多，但是要找到一个自己需要的却不容易。今天跟大家分享自己写的一个弹幕功能。 先来一张效果图： 我的思路是这样的，先用<switch>标签确定是否打开弹幕，若打开弹幕则出现弹幕文本框和发射按钮，还有弹幕遮罩层。先贴wxml和wxss代码。 wxml代码如下：<!-- pages/index/index.wxml --
转载
2023-09-18 10:07:16
63阅读
小程序开发公司哪家好？这个问题的答案想必也没有一定的，这个要看大家对于小程序的功能和设计要求，大家心里都有自己的衡量。 现在市场上做小程序开发的公司也比较多，怎么样才能选择一家满意的正规的小程序开发公司喃，这个也是大家比较关心的一个问题，下面我就大致的说一下小程序开发公司怎么去做选择的参考。现在市场上小程序开发公司也分以下几类定制开发类型的，这类公司主要是根据客户阐述的需求，定制开发。配备人员：产
转载
2024-04-12 11:43:34
21阅读
小程序里面用的样式叫 wxss， wx 表示微信，ss 是 style sheets .. 它跟我们平时用的 css 差不多 .. 你可以把它理解成微信小程序定制版的 css ...在小程序的有个主要的样式文件，每个页面也可以有属于自己的样式文件 .. 打开 index 页面的 wxml 文件 .. 在这个 view 组件上面，可以用一个 class ，在组件上面添加一个类 .. 名字是 cont
转载
2024-05-02 17:09:22
195阅读
# 小程序 CSS 判断 iOS环境的技巧
随着小程序的广泛应用，开发者们面临着越来越多的挑战，其中之一便是如何精准判断用户的操作系统。这篇文章将介绍如何在小程序中使用 CSS 判断 iOS 环境，并分享相应的代码示例。通过掌握这些技巧，开发者们能够提升用户体验，确保在不同平台上的一致性。
## 为何需要判断 iOS环境
在小程序中，iOS系统与Android系统的表现可能存在着明显差异。例
原创
2024-10-26 05:36:35
49阅读
# 小程序 CSS 适配 iOS 的实现指南
随着小程序的普及，越来越多的开发者开始注重在不同平台上的适配问题，特别是在 iOS 环境下。本文将为刚入行的小白介绍如何实现小程序的 CSS 适配 iOS，包括步骤、代码示例和适配的注意事项。
## 适配流程
以下是实现 CSS 适配 iOS 的基本步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 确定 iOS
功能：1.输入框内输入文字，点击发送，或按enter键2.框内文字清空3.文字随机从屏幕左边运动至屏幕右边4.文字运动到右边界结束消失所有代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="Content-Type" content="text/html; c...
原创
2023-01-03 14:57:52
99阅读
WXSSWXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：尺寸单位样式导入尺寸单位rpx（responsive pixel）
转载
2023-12-25 08:36:27
460阅读
可用于制作STG的工具很多，各有利弊。效率方面，直接调用DirectX的效率最高，Unity3D其次，HGE、luastg会再差一些，弹幕风性能最差。易用性方面，luastg、弹幕风这样的弹幕专用引擎最好，Unity3D、HGE这样的通用引擎其次，直接调用DirectX最麻烦。功能方面，Unity3D这样的大型引擎最强大，直接调用DirectX也很不错，反而是luast
转载
2023-11-01 11:26:49
259阅读
wxml wxss @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible ...
转载
2021-11-03 19:38:00
732阅读
2评论
小程序CSS常用动画示例一、前言正如android的四大动画一样：translate:移动alpha:透明度变化rotate:旋转scale:尺寸变化css也可以实现二、CSS3的2D转换2
原创
2022-10-20 10:31:33
333阅读
小程序禁止iOS回弹的实现方法
作为一名经验丰富的开发者，我将教会你如何实现小程序禁止iOS回弹的功能。下面是整个实现过程的流程图：
```mermaid
gantt
dateFormat YYYY-MM-DD
title 小程序禁止iOS回弹的实现流程
section 实现流程
创建并配置项目 :done,2019-09-01,2019-09-05
原创
2024-02-05 09:17:04
145阅读
# 实现小程序css animation 兼容iOS
### 1. 流程
| 步骤 | 内容 |
| ---- | ---- |
| 1 | 确定动画效果 |
| 2 | 编写CSS动画代码 |
| 3 | 添加适配iOS的代码 |
### 2. 具体步骤
#### 步骤1：确定动画效果
在开始编写CSS动画代码之前，首先需要确定你想要实现的动画效果，比如淡入淡出、旋转、缩放等。
###
原创
2024-04-13 05:58:11
249阅读
1.背景：背景一：在某些场景下需要用到弹幕，例如视屏直播网站等等需要用到弹幕，视屏直播等平台会用到输入发送弹幕，这个可以参考小程序的视屏播放部分video传送门，在video组件中直接有弹幕配置方式，详细参考官方文档，这里不做赘述。场景二：有些场景只需要播放弹幕（例如在重大节日里，需要烘托节日气氛，后台填写几条，然后接口返给前端，前端在屏幕固定范围内播放即可，这里无需用户手动输入）。后文只围绕这种
转载
2024-10-17 21:37:14
63阅读
随着小程序的快速发展，越来越多的开发者开始关注小程序的前端开发。在小程序的前端开发中，CSS框架是一个非常重要的工具，它可以帮助开发者快速构建出漂亮、响应式的界面。那么，小程序应该使用哪种CSS框架呢？在本文中，我们将介绍几种常用的CSS框架，并分析它们的优缺点，帮助开发者选择适合自己项目的CSS框架。1. WeUIWeUI是微信团队推出的一款基于Vue.js的CSS框架，它专门为微信小程序设计。
原创
2024-05-23 09:27:31
87阅读
在小程序中实现瀑布流布局，通常可以通过 CSS 来完成相对简单的效果，也可以利用 JavaScript 来进行动态计算和渲染。瀑布流布局的基本思路是让不同高度的内容块自适应排列，不会出现空白区域，并且通常需要处理容器的动态高度以及元素的排列顺序。以下是实现瀑布流布局的一种思路：1. 使用 CSS 实现简单的瀑布流布局可以使用 CSS Grid 或者 CSS Flexbox 来布局，但最常见的是使用
