Quelle est la différence entre wxss et css3

Différences : 1. wxss ne peut pas définir directement l'image d'arrière-plan affichée via l'attribut background-image dans CSS3 ; 2. Il n'y a aucun objet de fenêtre ou de document dans le flux de documents dans l'applet lors de l'utilisation de la position de l'attribut CSS3. Veuillez faire attention à définir la valeur d'attribut fixe pour le nœud de base.

La différence entre wxss et css3

0. passé directement La propriété background-image en CSS3 est utilisée pour définir l'image d'arrière-plan affichée.

Par exemple, j'écris ce qui suit en wxss :

background-image: url(imageB.png);

Impression console :

pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签。

1 Il n'y a ni fenêtre ni fenêtre dans le document. flux dans l'objet document applet, c'est-à-dire que vous ne pouvez pas utiliser des bibliothèques js telles que jquery et zepto pour faire fonctionner dom. Cela amène également l'attribut CSS3 : position à nécessiter une certaine attention lors de son utilisation.

使用时应注意，为基础节点container设置fixed属性，否则position=absolute不会生效
/**app.wxss**/

.container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
  position: fixed;
}

2. Lors de la définition de la variable wxss dans wxml dans l'applet, une valeur de type chaîne doit être renvoyée (Notez la relation imbriquée entre " " et ' ' ). Comme suit :

<view id=&#39;imageBtn&#39; style=&#39;display:{{imageBtn_display?"inherit":"none"}}&#39; catchtouchmove=&#39;touchRotateAction&#39;></view>

3. D'autres

prennent en charge l'animation @keyframes, mais il semble que le préfixe du fabricant ne puisse pas être ajouté.

Soutenir la transition de transition.

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!