ওয়েচ্যাট মিনি প্রোগ্রাম উপাদান বর্ণনা তালিকা

基础组件

কাঠামো বিকাশকারীদের জন্য একটি সিরিজ বেস উপাদান প্রদান করে, যা বিকাশকারীরা দ্রুত বিকাশের জন্য এই বেস উপাদানগুলিকে সংমিশ্রণ করে ব্যবহার করতে পারেন।

উপাদান কি:

<tagname property="value">
  Content goes here ...
</tagename>

属性类型

ধরণ বর্ণনা মন্তব্য
Boolean বুলিয়ান এই বৈশিষ্ট্যটি উপাদানে লিখুন, এই বৈশিষ্ট্যটি যাই হোক না কেন, তার মান সবসময় true হবে, শুধুমাত্র উপাদানে এই বৈশিষ্ট্যটি লেখা না থাকলেই বৈশিষ্ট্যের মান false হবে। যদি বৈশিষ্ট্যের মান পরিবর্তনশীল হয়, পরিবর্তনশীলের মান Boolean টাইপে রূপান্তরিত হবে।
Number সংখ্যা 1, 2.5
String স্ট্রিং “string”
Array অ্যারে [ 1, “string” ]
Object অবজেক্ট { key: value }
EventHandler ইভেন্ট হ্যান্ডেলারের নাম "handlerName" হলো পেজে সংজ্ঞায়িত ইভেন্ট হ্যান্ডলার ফাংশনের নাম।
Any যেকোনো বৈশিষ্ট্য
共同属性类型
গুণাবলী ধরণ বর্ণনা মন্তব্য
id String উপাদানের অনন্য চিহ্নিতকারী পুরো পৃষ্ঠাটি একক রাখুন
class String উপাদানের স্টাইল ক্লাস প্রাসঙ্গিক WXSS-এ সংজ্ঞায়িত শৈলী ক্লাস
style String উপাদানের ইনলাইন স্টাইল গতিশীলভাবে সেট করা যায় এমন ইনলাইন স্টাইল
hidden String উপাদান কি প্রদরান করা হচ্ছে? সমস্ত উপাদান ডিফল্টরূপে প্রদর্শিত হয়
data-* Any কাস্টম বৈশিষ্ট্য উপাদানে ট্রিগার হওয়া ইভেন্টগুলি ইভেন্ট হ্যান্ডলিং ফাংশনগুলিতে প্রেরণ করা হবে।
bind* / catch* EventHandler উপাদানের ইভেন্ট

基本组件列表

মৌলিক উপাদানগুলি নিম্নলিখিত ক্যাটাগরিতে বিভক্ত:

ভিউ ধারক (ভিউ কন্টেইনার) মৌলিক বিষয়বস্তু (বেসিক কনটেন্ট) ফর্ম (Form) নেভিগেশন (Navigation) মাল্টিমিডিয়া (মিডিয়া) মানচিত্র (Map) ক্যানভাস

视图容器(View Container):

উপাদানের নাম মন্তব্য উপাদান বৈশিষ্ট্য
বৈশিষ্ট্যের নাম ধরণ ডিফল্ট মান বিবরণ ন্যূনতম সংস্করণ
view ভিউ ধারক hover-class String none 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-stop-propagation Boolean false এই নোডের পূর্বপুরুষ নোডগুলিতে ক্লিক অবস্থা প্রদর্শন করা হবে কিনা তা নির্ধারণ করুন 1.5.0
hover-start-time Number 50 কত মিলিসেকেন্ড ধরে চেপে রাখলে ক্লিক অবস্থা দেখা যাবে
hover-stay-time Number 400 আঙুল ছেড়ে দেওয়ার পরে ক্লিক অবস্থা ধরে থাকার সময়, একক মিলিসেকেন্ড
scroll-view স্ক্রোলযোগ্য ভিউ ধারক scroll-x Boolean false অনুমতি দিন অনুভূমিক স্ক্রল
scroll-y Boolean false উল্লম্ব স্ক্রল করার অনুমতি দেওয়া হয়
upper-threshold Number 50 উপরের/বাম দিক থেকে কত দূরে (একক px) স্ক্রলটুপার ইভেন্ট ট্রিগার হয়
lower-threshold Number 50 নীচে/ডান দিকে কত দূরে (একক px) থেকে, scrolltolower ইভেন্ট ট্রিগার হয়
scroll-top Number উল্লম্ব স্ক্রলবারের অবস্থান সেট করুন
scroll-left Number অনুভূমিক স্ক্রলবার অবস্থান সেট করুন
scroll-into-view String মানটি কোনও সাব-উপাদানের id হওয়া উচিত (id সংখ্যা দিয়ে শুরু হতে পারে না)। কোন দিকে স্ক্রল করা যাবে সেই দিকে স্ক্রল করুন যে উপাদানটি সেট করুন।
scroll-with-animation Boolean false স্ক্রলবারের অবস্থান সেট করার সময় অ্যানিমেশন ট্রানজিশন ব্যবহার করুন।
enable-back-to-top Boolean false iOS শীর্ষ স্ট্যাটাস বার ট্যাপ করার সময়, অ্যান্ড্রয়েডে টাইটেল বারে দুইবার ট্যাপ করার সময়, স্ক্রোল বার উপরে ফিরে যায়, শুধুমাত্র উল্লম্ব সমর্থন করে।
bindscrolltoupper EventHandle উপরে/বামে স্ক্রল করলে, scrolltoupper ইভেন্ট ট্রিগার হবে।
bindscrolltolower EventHandle নীচে/ডানদিকে স্ক্রল করলে, scrolltolower ইভেন্ট ট্রিগার হবে।
bindscroll EventHandle স্ক্রল করার সময় ট্রিগার হয়, event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth, deltaX, deltaY}
swiper স্লাইডার ভিউ কন্টেইনার indicator-dots Boolean false প্যানেল ইন্ডিকেটর পয়েন্ট দেখানো হবে কি?
indicator-color Color rgba(0, 0, 0, .3) নির্দেশনা বিন্দু রঙ 1.1.0
indicator-active-color Color #000000 বর্তমানে নির্বাচিত ইন্সট্রাকশন পয়েন্টের রঙ 1.1.0
autoplay Boolean false স্বয়ংক্রিয়ভাবে স্যুইচ হবে কি?
current Number 0 বর্তমান পৃষ্ঠার সূচক
interval Number 5000 স্বয়ংক্রিয় স্যুইচিং সময় ব্যবধান
duration Number 500 স্লাইডিং অ্যানিমেশনের সময়কাল
circular Boolean false সংযোগ স্লাইডিং ব্যবহার করা হবে কি?
vertical Boolean false স্লাইডিং দিক কি উল্লম্ব?
bindchange EventHandle বর্তমান পরিবর্তন হলে change ইভেন্ট ট্রিগার হবে, event.detail = {current: current, source: source}

基础内容(Basic Content):

উপাদানের নাম মন্তব্য উপাদান বৈশিষ্ট্য
বৈশিষ্ট্যের নাম ধরণ ডিফল্ট মান বিবরণ ন্যূনতম সংস্করণ
icon 图标 type String icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear
size Number 23 আইকনের আকার, একক px
color Color আইকনের রঙ, সিএসএস-এর রঙের সাথে একই
text লেখা selectable Boolean false পাঠ্য নির্বাচনযোগ্য কিনা? 1.1.0
space String false 显示连续空格
有效值 ensp:中文字符空格一半大小 emsp:中文字符空格大小 nbsp:根据字体设置的空格大小
1.4.0
decode Boolean false ডিকোড করা হয়েছে কি? 1.4.0
progress প্রগতি বার percent Float শূন্য শতাংশ ০~১০০
show-info Boolean false প্রগতি বারের ডানদিকে শতাংশ দেখান
stroke-width Number 6 প্রগতি বারের রেখার প্রস্থ, একক px
color Color #09BB07 প্রগতি বারের রঙ (অ্যাক্টিভ কালার ব্যবহার করুন)
activeColor Color নির্বাচিত প্রগতি বারের রঙ
backgroundColor Color অনির্বাচিত প্রগতি বারের রঙ
active Boolean false বাম থেকে ডানে প্রগতি বারের অ্যানিমেশন
active-mode String backwards পিছনের দিকে: অ্যানিমেশন শুরু থেকে চলবে; সামনের দিকে: অ্যানিমেশন শেষ হওয়ার পরে থেকে চালিয়ে যাবে 1.7.0

表单(Form):

উপাদানের নাম মন্তব্য উপাদান বৈশিষ্ট্য
বৈশিষ্ট্যের নাম ধরণ ডিফল্ট মান বিবরণ কার্যকর হওয়ার সময় ন্যূনতম সংস্করণ
button বোতাম size String default বোতামের আকার
type String default বোতামের শৈলী ধরণ
plain Boolean false বোতামটি খালি কিনা, পটভূমির রঙ স্বচ্ছ
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
loading Boolean false নামের আগে লোডিং আইকন আছে কি?
form-type String 用于 <form/> 组件,点击分别会触发 <form/> 组件的 submit/reset 事件
open-type String উইচ্যাট ওপেন ক্যাপাসিটি 1.1.0
hover-class String button-hover 指定按钮按下去的样式类。当 hover-class="none" 时,没有点击态效果
hover-stop-propagation Boolean false এই নোডের পূর্বপুরুষ নোডগুলিতে ক্লিক অবস্থা প্রদর্শন করা হবে কিনা তা নির্ধারণ করুন 1.5.0
hover-start-time Number 20 কত মিলিসেকেন্ড ধরে চেপে রাখলে ক্লিক অবস্থা দেখা যাবে
hover-stay-time Number 70 আঙুল ছেড়ে দেওয়ার পরে ক্লিক অবস্থা ধরে থাকার সময়, একক মিলিসেকেন্ড
bindgetuserinfo Handler ব্যবহারকারী বোতামটি ক্লিক করলে, প্রাপ্ত ব্যবহারকারীর তথ্য ফেরত দেওয়া হবে, ফেরত প্যারামিটারের বিশদ থেকে প্রাপ্ত মান একই wx.getUserInfo থেকে প্রাপ্ত মানের সাথে মিলে যাবে। open-type="getUserInfo' 1.3.0
lang String en ব্যবহারকারীর তথ্য ফেরত দেওয়ার ভাষা নির্দিষ্ট করুন, zh_CN সরল চীনা, zh_TW প্রাচীন চীনা, en ইংরেজি। open-type="getUserInfo" 1.3.0
session-from String কথোপকথনের উৎস open-type="contact" 1.4.0
send-message-title String বর্তমান শিরোনাম কথোপকথনের মধ্যে বার্তা কার্ড শিরোনাম open-type="contact" 1.5.0
send-message-path String বর্তমান শেয়ার পথ কথোপকথনের মধ্যে বার্তা কার্ড ক্লিক করে মিনি অ্যাপে প্রবেশের পথ open-type="contact" 1.5.0
send-message-img String স্ক্রিনশট কথোপকথনের মধ্যে বার্তা কার্ড ছবি open-type="contact" 1.5.0
show-message-card Boolean false কথোপকথনের মধ্যে বার্তা কার্ড প্রদর্শন করুন open-type="contact" 1.5.0
bindcontact Handler কাস্টমার সার্ভিস মেসেজ কলব্যাক open-type="contact" 1.5.0
bindgetphonenumber Handler ব্যবহারকারীর মোবাইল নম্বর প্রাপ্তি কলব্যাক open-type="getphonenumber" 1.2.0
form ফর্ম report-submit Boolean টেমপ্লেট মেসেজ পাঠানোর জন্য formId ফিরিয়ে দেওয়া হয় কি না
bindsubmit EventHandle ফর্মের ডেটা বহন করে সাবমিট ইভেন্ট ট্রিগার করুন, event.detail = {value : {'name': 'value'} , formId: ''}
bindreset EventHandle ফর্ম রিসেট করার সময় reset ইভেন্ট ট্রিগার হয়।
input ইনপুট বক্স value String ইনপুট বক্সের প্রাথমিক বিষয়বস্তু
type String "text" ইনপুটের ধরন
password Boolean false কি পাসওয়ার্ড ধরনের
placeholder String ইনপুট বাক্স খালি থাকলে প্লেসহোল্ডার
placeholder-style String প্লেসহোল্ডারের শৈলী নির্ধারণ করুন
placeholder-class String "input-placeholder" নির্দিষ্ট প্লেসহোল্ডারের স্টাইল ক্লাস
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
maxlength Number 140 সর্বোচ্চ ইনপুট দৈর্ঘ্য, -1 সেট করা হলে সর্বোচ্চ দৈর্ঘ্য সীমাবদ্ধ না থাকে
cursor-spacing Number 0 কার্সরকে কীবোর্ডের দূরত্ব নির্দিষ্ট করুন, একক px। ইনপুটের নীচের দূরত্ব এবং cursor-spacing দ্বারা নির্দিষ্ট দূরত্বের মধ্যে সর্বনিম্ন মানটি কার্সর এবং কীবোর্ডের দূরত্ব হিসাবে নেওয়া হয়।
auto-focus Boolean false (প্রায় বাদ দেওয়া হচ্ছে, সরাসরি focus ব্যবহার করুন) স্বয়ংক্রিয়ভাবে ফোকাস করুন, কীবোর্ড উত্থাপন করুন
focus Boolean false ফোকাস পেতে
confirm-type String "done" কীবোর্ডের ডানদিকের নীচের বোতামের লেখা সেট করুন 1.1.0
confirm-hold Boolean false কীবোর্ডের ডানদিকের বোতামটি ক্লিক করার সময় কীবোর্ড উঠানো হবে না কি? 1.1.0
cursor Number নির্দিষ্ট ফোকাসের সময় কার্সারের অবস্থান 1.5.0
bindinput EventHandle কীবোর্ড ইনপুট হলে, input ইভেন্ট ট্রিগার হয়, event.detail = {value, cursor}, প্রসেসিং ফাংশন সরাসরি একটি স্ট্রিং return করতে পারে, যা ইনপুট বক্সের কন্টেন্ট প্রতিস্থাপন করবে।
bindfocus EventHandle ইনপুট বক্সে ফোকাস হলে ট্রিগার হয়, event.detail = {value: value}
bindblur EventHandle ইনপুট বক্স ফোকাস হারিয়ে গেলে ট্রিগার হয়, event.detail = {value: value}
bindconfirm EventHandle সম্পূর্ণ বোতামে ক্লিক করার সময় ট্রিগার হয়, event.detail = {value: value}
checkbox বহুনির্বাচনযোগ্য সিলেক্টর value String <checkbox/>标识,选中时触发<checkbox-group/>的 change 事件,并携带 <checkbox/> 的 value
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
checked Boolean false বর্তমানে নির্বাচিত হয়েছে কিনা, ডিফল্ট নির্বাচিত হিসেবে সেট করার জন্য ব্যবহার করা যেতে পারে।
color Color চেকবক্সের রঙ, CSS-এর রঙের সাথে একই
radio একক পছন্দ নির্বাচক value String <radio/> 标识。当该<radio/> 选中时,<radio-group/> 的 change 事件会携带<radio/>的value
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
checked Boolean false বর্তমানে নির্বাচিত হয়েছে কিনা, ডিফল্ট নির্বাচিত হিসেবে সেট করার জন্য ব্যবহার করা যেতে পারে।
color Color রেডিওর রঙ, সিএসএস-এর রঙের সাথে একই
picker
(mode = selector)
(সাধারণ) তালিকা নির্বাচক range Array / Object Array [] মোডটি সিলেক্টর বা মাল্টিসিলেক্টর হলে, রেঞ্জ বৈধ।
range-key String যখন `range` একটি অবজেক্ট অ্যারে হয়, `range-key` ব্যবহার করে অবজেক্টের কীটি নির্দিষ্ট করে সেলেক্টরের প্রদর্শনের জন্য ব্যবহার করা হয়।
value Number 0 মানটি নির্দেশ করে যে রেঞ্জের কততম আইটেম নির্বাচন করা হয়েছে (সূচক 0 থেকে শুরু হয়)।
bindchange EventHandle মান পরিবর্তন হলে change ইভেন্ট ট্রিগার হয়, event.detail = {value: value}
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
picker
(mode = multiSelector)
(বহু কলাম) তালিকা নির্বাচক range দ্বিমাত্রিক অ্যারে / দ্বিমাত্রিক অবজেক্ট অ্যারে [] mode为 selector 或 multiSelector 时,range 有效。二维数组,长度表示多少列,数组的每项表示每列的数据,如[["a","b"], ["c","d"]]
range-key String যখন `range` একটি দ্বিমাত্রিক `Object Array` হয়, `range-key` ব্যবহার করে `Object`-এর `key`-এর মানকে সিলেক্টর হিসেবে প্রদর্শনের জন্য নির্দিষ্ট করা যায়।
value Array 0 প্রতিটি আইটেমের মান নির্দেশ করে যে কোনও আইটেম নির্বাচন করা হয়েছে range এর সাথে সংশ্লিষ্ট আইটেমের কোন একটি (সূচক 0 থেকে শুরু হয়)।
bindchange EventHandle মান পরিবর্তন হলে change ইভেন্ট ট্রিগার হয়, event.detail = {value: value}
bindcolumnchange EventHandle কোনো একটি কলামের মান পরিবরতন হলে columnchange ইভেন্ট ট্রিগার হয়, event.detail = {column: column, value: value}, column এর মান পরিবরতন হওয়া কলামের সূচক নির্দেশ করে (সূচক 0 থেকে শুরু হয়), value এর মান পরিবরতনকৃত মানের সূচক নির্দেশ করে।
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
picker
(mode = time)
(সময়) তালিকা নির্বাচক value String 表示选中的时间,格式为"hh:mm"
start String 表示有效时间范围的开始,字符串格式为"hh:mm"
end String 表示有效时间范围的结束,字符串格式为"hh:mm"
bindchange EventHandle মান পরিবর্তন হলে change ইভেন্ট ট্রিগার হয়, event.detail = {value: value}
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
picker
(mode = date)
(তারিখ) তালিকা নির্বাচক value String 0 表示选中的日期,格式为"YYYY-MM-DD"
start String 表示有效日期范围的开始,字符串格式为"YYYY-MM-DD"
end String 表示有效日期范围的结束,字符串格式为"YYYY-MM-DD"
fields String day কার্যকর মান year, month, day, পছন্দকারীর গ্রেনুলারিটি নির্দেশ করে
bindchange EventHandle মান পরিবর্তন হলে change ইভেন্ট ট্রিগার হয়, event.detail = {value: value}
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
picker
(mode = region)
(তারিখ) তালিকা নির্বাচক value Array [] নির্বাচিত প্রদেশ, জেলা এবং শহর উপস্থাপন করুন, প্রতিটি কলামের প্রথম মান ডিফল্টরূপে নির্বাচিত থাকে।
custom-item String প্রতিটি কলামের উপরে একটি কাস্টম আইটেম যোগ করা যেতে পারে। 1.5.0
bindchange EventHandle মান পরিবর্তন হলে change ইভেন্ট ট্রিগার হয়, event.detail = {value: value}
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
picker-view নেস্টেড তালিকা সিলেক্টর value NumberArray অ্যারের সংখ্যাগুলি ক্রমানুসারে picker-view এর মধ্যে picker-view-colume এর নির্বাচিত আইটেম নির্দেশ করে (সূচক 0 থেকে শুরু হয়), যখন সংখ্যাটি picker-view-column এর বিকল্প দৈর্ঘ্যের চেয়ে বড় হয়, তখন শেষ আইটেমটি নির্বাচিত হয়।
indicator-style String সেটিংস সিলেক্টর মাঝখানে নির্বাচিত বাক্সের শৈলী
indicator-class String সেটিংস সিলেক্টর মধ্যম নির্বাচিত বাক্সের ক্লাস নাম 1.1.0
mask-style String মাস্কের শৈলী সেট করুন 1.5.0
mask-class String মাস্ক সেটিংসের ক্লাস নাম 1.5.0
bindchange EventHandle স্ক্রল করার সময় নির্বাচন করা, যখন মান পরিবর্তন হয় তখন change ইভেন্ট ট্রিগার হয়, event.detail = {value: value}; মান একটি অ্যারে, picker-view এর মধ্যে picker-view-column এর বর্তমানে নির্বাচিত আইটেম কোনটি তা নির্দেশ করে (সূচক 0 থেকে শুরু হয়)।
slider স্ক্রল পিকার min Number 0 সর্বনিম্ন
max Number 100 সর্বাধিক
step Number 0 ধাপ আকার, মান 0 এর চেয়ে বড় হতে হবে, এবং (সর্বোচ্চ - সর্বনিম্ন) দ্বারা বিভাজ্য হতে হবে।
disabled Boolean false নিষেধাজ্ঞা দেওয়া হয়েছে কি?
value Number 0 বর্তমান মান
color Color #e9e9e9 পটভূমি বারের রঙ (অনুগ্রহ করে backgroundColor ব্যবহার করুন)
selected-color Color #1aad19 নির্বাচিত রঙ (অ্যাক্টিভ কালার ব্যবহার করুন)
activeColor Color #1aad19 নির্বাচিত রঙ
backgroundColor Color #e9e9e9 পটভূমি বারের রঙ
show-value Boolean false বর্তমান মান প্রদর্শন করবেন?
bindchange EventHandle একটি টেনে আনা প্রক্রিয়া সম্পন্ন হওয়ার পরে ট্রিগার হওয়া ইভেন্ট, event.detail = {value: value}
bindchanging EventHandle টেনে নেওয়ার সময় ট্রিগার হওয়া ইভেন্ট, event.detail = {value: value} 1.7.0
switch সুইচ সিলেক্টর checked Boolean false নির্বাচিত হয়েছে কি?
type String switch শৈলী, বৈধ মান: সুইচ, চেকবক্স
bindchange EventHandle চেক করা পরিবর্তন হলে change ইভেন্ট ট্রিগার হয়, event.detail={ value:checked}
color Color সুইচের রঙ, একই সাথে CSS এর রঙ
label ট্যাগ for String বাইন্ডিং কন্ট্রোলের আইডি

导航(Navigation):

উপাদানের নাম মন্তব্য উপাদান বৈশিষ্ট্য
বৈশিষ্ট্যের নাম ধরণ ডিফল্ট মান বিবরণ ন্যূনতম সংস্করণ
navigator অ্যাপ্লিকেশন লিঙ্ক url String অ্যাপ্‌ভিত্রে লিঙ্ক জাম্প
open-type String navigate পদ্ধতিতে যাওয়া
delta Number যখন open-type 'navigateBack' হয়, এটি কার্যকর হয়, যা প্রত্যাবর্তনের স্তর নির্দেশ করে।
hover-class String navigator-hover 指定点击时的样式类,当hover-class="none"时,没有点击态效果
hover-stop-propagation Boolean false এই নোডের পূর্বপুরুষ নোডগুলিতে ক্লিক অবস্থা প্রদর্শন করা হবে কিনা তা নির্ধারণ করুন 1.5.0
hover-start-time Number 50 কত মিলিসেকেন্ড ধরে চেপে রাখলে ক্লিক অবস্থা দেখা যাবে
hover-stay-time Number 600 আঙুল ছেড়ে দেওয়ার পরে ক্লিক অবস্থা ধরে থাকার সময়, একক মিলিসেকেন্ড
其中open-type 的有效值如下:
মূল্য বিবরণ ন্যূনতম সংস্করণ
navigate wx.navigateTo এর ফাংশনটি সংশ্লিষ্ট
redirect wx.redirectTo এর কার্যকারিতা
switchTab wx.switchTab এর ফাংশন
reLaunch wx.reLaunch এর কার্যকারিতা 1.1.0
navigateBack wx.navigateBack এর ফাংশন সংশ্লিষ্ট 1.1.0

多媒体(Media):

উপাদানের নাম মন্তব্য উপাদান বৈশিষ্ট্য
বৈশিষ্ট্যের নাম ধরণ ডিফল্ট মান বিবরণ ন্যূনতম সংস্করণ
audio অডিও id String অডিও উপাদানের অনন্য শনাক্তকারী
src String অডিও চালানোর জন্য রিসোর্স ঠিকানা
loop Boolean false পুনরাবৃত্তি করবেন?
controls Boolean false ডিফল্ট নিয়ন্ত্রণ প্রদর্শন করা হবে কি?
poster String ডিফল্ট কন্ট্রোলের উপর অডিও কভারের ছবির রিসোর্স ঠিকানা, যদি controls অভিধানের মান false হয় তবে poster সেট করা অকার্যকর।
name String অজানা অডিও ডিফল্ট নিয়ন্ত্রণের উপর অডিওর নাম, যদি controls বৈশিষ্ট্যের মান false হয় তবে name সেট করা অকার্যকর।
author String অজানা লেখক ডিফল্ট কন্ট্রোলের লেখকের নাম, যদি controls বৈশিষ্ট্যের মান false হয় তবে author সেট করা অকার্যকর।
binderror EventHandle ত্রুটি ঘটলে error ইভেন্ট ট্রিগার হয়, detail = {errMsg: MediaError.code}
bindplay EventHandle প্লে শুরু/চালিয়ে যাওয়ার সময় প্লে ইভেন্ট ট্রিগার হয়
bindpause EventHandle থামানো বাধা দেওয়ার সময় পজ ইভেন্ট ট্রিগার হয়
bindtimeupdate EventHandle প্লেব্যাক প্রগতি পরিবর্তন হলে timeupdate ইভেন্ট ট্রিগার হয়, detail = {currentTime, duration}
bindended EventHandle শেষে প্লে হলে ended ইভেন্ট ট্রিগার হবে
image ছবি src String ছবির সংস্থান ঠিকানা
mode String 'scaleToFill' ছবি কাটা, স্কেল করার মোড
lazy-load Boolean false ছবি অবলোকন করা হচ্ছে দেরি করে। শুধুমাত্র পেজ এবং স্ক্রল-ভিউ এর নিচের ছবিগুলির জন্য প্রযোজ্য। 1.5.0
binderror HandleEvent ত্রুটি ঘটলে, AppService-এ প্রকাশিত হওয়া ইভেন্টের নাম, ইভেন্ট অবজেক্ট event.detail = {errMsg: 'something wrong'}
bindload HandleEvent ছবি লোড হয়ে গেলে, AppService-এ প্রকাশিত হওয়া ইভেন্টের নাম, ইভেন্ট অবজেক্ট event.detail = {height:'ছবির উচ্চতা px', width:'ছবির প্রস্থ px'}
video ভিডিও src String ভিডিও চালানোর জন্য রিসোর্স ঠিকানা
initial-time Number ভিডিওটির প্রাথমিক প্লে অবস্থান নির্ধারণ করুন 1.6.0
duration Number নির্দিষ্ট ভিডিওর সময়কাল 1.1.0
controls Boolean true ডিফল্ট প্লে কন্ট্রোলগুলি প্রদর্শন করবেন কিনা (প্লে/প্যাওজ বোতাম, প্লে প্রগ্রেস, সময়)?
danmu-list Object Array বার্তা তালিকা
danmu-btn Boolean false বার্তা বোতামটি প্রদর্শন করা হবে কিনা, শুধুমাত্র প্রাথমিককরণের সময় কার্যকর হয়, গতিশীলভাবে পরিবর্তন করা যাবে না।
enable-danmu Boolean false বার্তা প্রদর্শন করা হবে কিনা, শুধুমাত্র প্রাথমিককরণের সময় কার্যকর, গতিশীলভাবে পরিবর্তন করা যাবে না।
autoplay Boolean false স্বয়ংক্রিয়ভাবে চালানো হবে?
loop Boolean false পুনরাবৃত্তি করবেন? 1.4.0
muted Boolean false চুপ করে চালানো হবে? 1.4.0
page-gesture Boolean false পূর্ণ পর্দা মোড ছাড়া, আলোকিত ও আলোকিত ভলিউম নিয়ন্ত্রণ গ্রাস চালু করা হবে কি? 1.6.0
direction Number পূর্ণ পর্দা সেটিংসে ভিডিওর দিক নির্ধারণ করুন, নির্দিষ্ট না করলে প্রস্থ-দৈর্ঘ্যের অনুপাত অনুসারে স্বয়ংক্রিয়ভাবে নির্ধারিত হবে। বৈধ মানগুলি হল 0 (স্বাভাবিক উল্লম্ব), 90 (পর্দা ঘড়ির কাঁটার বিপরীতে 90 ডিগ্রি), -90 (পর্দা ঘড়ির কাঁটার দিকে 90 ডিগ্রি)। 1.7.0
bindplay EventHandle প্লে শুরু/চালিয়ে যাওয়ার সময় প্লে ইভেন্ট ট্রিগার হয়
bindpause EventHandle থামানো বাধা দেওয়ার সময় পজ ইভেন্ট ট্রিগার হয়
bindended EventHandle শেষে প্লে হলে ended ইভেন্ট ট্রিগার হবে
bindtimeupdate EventHandle প্লেব্যাক প্রগ্রেস পরিবর্তনের সময় ট্রিগার হয়, event.detail = {currentTime, duration}। ট্রিগার ফ্রিকোয়েন্সি 250ms একবার।
bindfullscreenchange EventHandle ভিডিও পূর্ণ পর্দা এবং পূর্ণ পর্দা থেকে বের হওয়ার সময় ট্রিগার হয়, event.detail = {fullScreen, direction}, direction হিসাবে vertical বা horizontal নেওয়া হয়। 1.4.0
objectFit String contain ভিডিওর আকার যখন ভিডিও ধারকের আকারের সাথে মিলে না যায়, তখন ভিডিওর প্রদর্শনের ধরন। contain: ধারণ করুন, fill: পূরণ করুন, cover: আচ্ছাদন করুন।
poster String ভিডিওর কভার ছবির নেটওয়ার্ক রিসোর্স ঠিকানা, যদি controls অ্যাট্রিবিউটের মান false হয় তবে poster সেট করা অকার্যকর।

地图(Map):

উপাদানের নাম মন্তব্য উপাদান বৈশিষ্ট্য
বৈশিষ্ট্যের নাম ধরণ ডিফল্ট মান বিবরণ ন্যূনতম সংস্করণ
map মানচিত্র longitude Number কেন্দ্রীয় দ্রাঘিমাংশ
latitude Number কেন্দ্রীয় অক্ষাংশ
scale Number 16 জুম লেভেল, মান 5-18 এর মধ্যে হতে হবে
markers Array মার্কার পয়েন্ট
covers Array অপসারণ হচ্ছে, দয়া করে markers ব্যবহার করুন
polyline Array পথ
circles Array বৃত্ত
controls Array নিয়ন্ত্রণ
include-points Array সমস্ত প্রদত্ত স্থানাঙ্ক বিন্দু অন্তর্ভুক্ত করার জন্য দৃষ্টিক্ষেত্র সঙ্কুচিত করুন।
show-location Boolean দিক সহ বর্তমান লোকেশন পয়েন্ট দেখান
bindmarkertap EventHandle মার্কার পয়েন্টে ক্লিক করার সময় ট্রিগার হয়
bindcallouttap EventHandle প্রতিবিম্ব পয়েন্টে ক্লিক করার সময় ট্রিগার হবে 1.2.0
bindcontroltap EventHandle নিয়ন্ত্রণ ক্লিক করার সময় ট্রিগার হয়
bindregionchange EventHandle দৃষ্টিভঙ্গি পরিবর্তন হলে ট্রিগার হয়
bindtap EventHandle মানচিত্রে ক্লিক করার সময় ট্রিগার হয়
bindupdated EventHandle মানচিত্র রেন্ডারিং আপডেট সম্পন্ন হলে ট্রিগার হবে। 1.6.0

画布(Canvas):

উপাদানের নাম মন্তব্য উপাদান বৈশিষ্ট্য
বৈশিষ্ট্যের নাম ধরণ ডিফল্ট মান বিবরণ ন্যূনতম সংস্করণ
canvas কেনভাস src String ভিডিও চালানোর জন্য রিসোর্স ঠিকানা
initial-time Number ভিডিওটির প্রাথমিক প্লে অবস্থান নির্ধারণ করুন 1.6.0
duration Number নির্দিষ্ট ভিডিওর সময়কাল 1.1.0
controls Boolean true ডিফল্ট প্লে কন্ট্রোলগুলি প্রদর্শন করবেন কিনা (প্লে/প্যাওজ বোতাম, প্লে প্রগ্রেস, সময়)?
danmu-list Object Array বার্তা তালিকা
danmu-btn Boolean false বার্তা বোতামটি প্রদর্শন করা হবে কিনা, শুধুমাত্র প্রাথমিককরণের সময় কার্যকর হয়, গতিশীলভাবে পরিবর্তন করা যাবে না।
enable-danmu Boolean false বার্তা প্রদর্শন করা হবে কিনা, শুধুমাত্র প্রাথমিককরণের সময় কার্যকর, গতিশীলভাবে পরিবর্তন করা যাবে না।
autoplay Boolean false স্বয়ংক্রিয়ভাবে চালানো হবে?
loop Boolean false পুনরাবৃত্তি করবেন? 1.4.0
muted Boolean false চুপ করে চালানো হবে? 1.4.0
page-gesture Boolean false পূর্ণ পর্দা মোড ছাড়া, আলোকিত ও আলোকিত ভলিউম নিয়ন্ত্রণ গ্রাস চালু করা হবে কি? 1.6.0
direction Number পূর্ণ পর্দা সেটিংসে ভিডিওর দিক নির্ধারণ করুন, নির্দিষ্ট না করলে প্রস্থ-দৈর্ঘ্যের অনুপাত অনুসারে স্বয়ংক্রিয়ভাবে নির্ধারিত হবে। বৈধ মানগুলি হল 0 (স্বাভাবিক উল্লম্ব), 90 (পর্দা ঘড়ির কাঁটার বিপরীতে 90 ডিগ্রি), -90 (পর্দা ঘড়ির কাঁটার দিকে 90 ডিগ্রি)। 1.7.0
show-progress Boolean true যদি সেট না করা হয়, প্রস্থ 240 এর বেশি হলেই দেখাবে। 1.9.0
show-fullscreen-btn Boolean true পূর্ণ পর্দা বোতাম দেখানো হবে কি? 1.9.0
show-play-btn Boolean true ভিডিওর নীচের নিয়ন্ত্রণ বারে প্লে বোতামটি প্রদর্শন করা হবে কি? 1.9.0
show-center-play-btn Boolean true ভিডিওর মাঝখানে প্লে বাটন দেখানো হবে কি? 1.9.0
enable-progress-gesture Boolean true প্রগতি নিয়ন্ত্রণের জন্য জেস্টার চালু করবেন কি? 1.9.0
bindplay EventHandle প্লে শুরু/চালিয়ে যাওয়ার সময় প্লে ইভেন্ট ট্রিগার হয়
bindpause EventHandle থামানো বাধা দেওয়ার সময় পজ ইভেন্ট ট্রিগার হয়
bindended EventHandle শেষে প্লে হলে ended ইভেন্ট ট্রিগার হবে
bindtimeupdate EventHandle প্লেব্যাক প্রগ্রেস পরিবর্তনের সময় ট্রিগার হয়, event.detail = {currentTime, duration}। ট্রিগার ফ্রিকোয়েন্সি 250ms একবার।
bindfullscreenchange EventHandle ভিডিও পূর্ণ পর্দা এবং পূর্ণ পর্দা থেকে বের হওয়ার সময় ট্রিগার হয়, event.detail = {fullScreen, direction}, direction হিসাবে vertical বা horizontal নেওয়া হয়। 1.4.0
objectFit String contain ভিডিওর আকার যখন ভিডিও ধারকের আকারের সাথে মিলে না যায়, তখন ভিডিওর প্রদর্শনের ধরন। contain: ধারণ করুন, fill: পূরণ করুন, cover: আচ্ছাদন করুন।
poster String ভিডিওর কভার ছবির নেটওয়ার্ক রিসোর্স ঠিকানা, যদি controls অ্যাট্রিবিউটের মান false হয় তবে poster সেট করা অকার্যকর।

আপনি সাম্প্রতিককালে ব্যবহার করেছেন:

সংগ্রহ মেনু QQ