中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本篇文章作者介紹了有關(guān)中繼器的使用——如何制作購(gòu)物車。

寫在開頭的溫馨提示：

本教程適合對(duì)中繼器有一定基本概念和知識(shí)理解的選手，完全沒有概念的朋友，可能需要先補(bǔ)習(xí)一下基礎(chǔ)知識(shí)才能看懂，我盡量講解的通俗易懂哈！

先看效果圖，如果這就是你想要的，請(qǐng)往下看吧~

達(dá)到的效果講解：

1. 選擇商品，會(huì)影響到總價(jià)的變化。即購(gòu)物車?yán)锩娴倪x中/取消選中。
2. 商品數(shù)量的變化，也會(huì)影響到總價(jià)的變化。即商品數(shù)量的+/-。

前期原件準(zhǔn)備

1. 中繼器一個(gè)；
2. 合計(jì) 文本標(biāo)簽/矩形一個(gè)；
3. ￥ 文本標(biāo)簽/矩形 一個(gè)；
4. 總價(jià)（顯示總價(jià)金額）的文本一個(gè)。

中繼器內(nèi)部零件準(zhǔn)備：

1. 價(jià)格=取名“price”（矩形即可）。
2. 數(shù)量=取名“number”（文本框）——因?yàn)楹笃谝O(shè)置——文本改變時(shí)——的用例，所以要選擇用文本框。
3. +號(hào)和-號(hào)各一個(gè)。
4. 一個(gè)圓形=取名“單選按鈕”（矩形即可）。
5. 小計(jì)=取名“小計(jì)”（矩形即可）（為什么要設(shè)置一個(gè)小計(jì)文本，后面會(huì)解釋，它很重要喔）。

中繼器的設(shè)置與一一對(duì)應(yīng)不詳細(xì)講解了，屬于基礎(chǔ)知識(shí)，看圖：

+號(hào)和-號(hào)的用例設(shè)置：

1. +號(hào)——鼠標(biāo)單擊時(shí)——設(shè)置文字于number（數(shù)量）+1；
2. -號(hào)——鼠標(biāo)單擊時(shí)——if文字于number＞1，設(shè)置文字于number（數(shù)量）-1。

（說明：為什么要設(shè)置一個(gè)if條件讓number＞1，因?yàn)槲覀儗?shí)際操作的時(shí)候，當(dāng)數(shù)量=1時(shí)，不能讓數(shù)量再減少了，否則就變成0or負(fù)數(shù)，沒有意義了）

一、單選按鈕講解

思路：我們要的效果是：即選中單選按鈕時(shí)，總價(jià)會(huì)隨著選中/不選中發(fā)生變化。

所以給【單選按鈕】設(shè)置用例：

1. 即選中單選按鈕時(shí)，設(shè)置總價(jià)文本——[[LVAR1.slice(0)+a*b]]（其中l(wèi)var1是總價(jià)，a是價(jià)格，b是數(shù)量）；
2. 取消選中單選按鈕時(shí)，設(shè)置總價(jià)文本——[[LVAR1.slice(0)-a*b]]。

在這里，lvar1是總價(jià)的元件文字，a是價(jià)格的元件文字，b是數(shù)量的元件文字。

關(guān)于涉及的函數(shù)slice：這里使用到的函數(shù)slice(start,end)是截取字符串的函數(shù)，它有兩個(gè)參數(shù)start和end，分別為截取的起始位置與終止位置；參數(shù)end可以省略，省略這個(gè)參數(shù)時(shí)默認(rèn)截取至末尾。

我們?yōu)槭裁词荓VAR1.slice(0),是因?yàn)槲覀儽旧砜們r(jià)的文本文字只有一個(gè)0，因?yàn)?，字符串位置索引編?hào)是從0開始，也就是說第1個(gè)字符的位置是0，所以我們通過slice(0)來截取從第1個(gè)字符至末尾的數(shù)字部分。

使用這個(gè)函數(shù)截取的目的是，每次計(jì)算之后，用這個(gè)計(jì)算結(jié)果再加上價(jià)格乘以數(shù)量的結(jié)果，就是新的總價(jià)數(shù)值。

二、數(shù)量元件講解

思路：我們要的效果是，當(dāng)該商品是選中狀態(tài)時(shí)，若它的數(shù)量變化，總價(jià)要發(fā)生變化。

所以給【數(shù)量】增加用例：

1、if選中單選為true：文本改變時(shí)，設(shè)置總價(jià)文本=[[LVAR1.slice(0)-c+a*b]]（c是小計(jì)，a是價(jià)格，b是數(shù)量）；同時(shí)設(shè)置小計(jì)文本=a*b（價(jià)格*數(shù)量）

2、if選中單選為false，也設(shè)置小計(jì)文本=a*b（價(jià)格*數(shù)量）（為什么非選中狀態(tài)也要設(shè)置文本，因?yàn)楫?dāng)你不選中時(shí)候，你也可能去+-數(shù)量，如果這個(gè)時(shí)候小計(jì)的數(shù)和實(shí)際單價(jià)*數(shù)量的數(shù)不一致了，后面減的時(shí)候就會(huì)出現(xiàn)差錯(cuò)）

三、小計(jì)文本載入

給小計(jì)文本載入時(shí)也設(shè)置文本=a*b（價(jià)格*數(shù)量）（并設(shè)置隱藏）。

解釋：為什么有一個(gè)小計(jì)文本，它是一個(gè)輔助作用。

當(dāng)數(shù)量發(fā)生變化的時(shí)候，該項(xiàng)商品的獨(dú)立總價(jià)也會(huì)發(fā)生變化，比如原來是10，現(xiàn)在是20，總價(jià)的顯示已經(jīng)包含了原有的10，所以我們需要先減去這個(gè)10（即小計(jì)文本的數(shù)字），再重新加上現(xiàn)有的20（即價(jià)格*新的數(shù)量）才是正確的總價(jià)。

不然會(huì)變成總價(jià)+10+20.就多包含了原有的10。

如果你看到了這里，并跟著一一做下來的話，我覺得我們已經(jīng)大功告成了！

一起來看看我們的效果吧！

這套方法也是基于各位大佬的理論上，加上我自己想要的實(shí)際效果琢磨出來的，不知道大家看懂了嗎？

第一次寫教程，如果有哪里不清楚的，歡迎各位指教！萌新選手，多多包涵！

最后，感謝大家閱讀，有任何問題想一起探討或交流，歡迎戳主頁(yè)~嘻嘻嘻~

本文由 @?Vicken 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議