WeChatアプレットとそれに対応するソリューションを作成する際に発生したいくつかの問題

(1)使用 アリWeapp JSファイルに導入する必要のあるJSファイル内の合計、通知などは効果がありません

最初はヴァントのルールに従いましたが、うまくいきませんでした。
ここに画像の説明を挿入します

import Notify from 'path/to/@vant/weapp/dist/notify/notify';

また、その中のパスをnode_modulesのパスに変更します

import Notify from '../node_modules/@vant/weapp/dist/notify/notify';

しかし、それは機能しませんでした

解決

import Notify from '../node_modules/@vant/weapp/dist/notify/notify';

と置換する

import Notify from '../miniprogram_npm/@vant/weapp/notify/notify';
(2)スタイルの問題

アプレットのページを埋め、最初に使用したrpxのサイズに適応するボックスが必要ですが、rpxはサイズに適応できません。本質は1rpx = 0.5pxであり、サイズを動的に変更することはできません。
解決策
vhを使用します。でVW
アプレットピクセルを使用することはできませんが、VH VWは影響を受けません。
レンダリングを:
ここに画像の説明を挿入します

(3)リッチテキストコンポーネントを使用して、バックグラウンドで返されたラベル画像データを表示する場合、wxssでスタイルを設定しても画像幅は調整されません。

解決策
ラベル画像データのスタイルを変更するべきではありませんが、
すべての文字列のimgタグのスタイルをインラインスタイルに変更できますか?

 this.setData({
    
    
    introduceList:data.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto"')

  })

おすすめ

転載: blog.csdn.net/t5_5_5_5_5_7_7/article/details/110351237