Shulou(Shulou.com)06/01 Report--

This article mainly introduces WeChat Mini Programs how to achieve the expansion of text text and put away the relevant knowledge, the content is detailed and easy to understand, simple and fast operation, with a certain reference value, I believe that after reading this WeChat Mini Programs how to achieve the expansion of text text and put away the article will have a harvest, let's take a look at it.

First look at the layout file, the key is with {{ellipsis?'ellipsis':'unellipsis'}}, the style changes according to the ellipsis in js.

Notice for registered payment 1. After the payment is successful, the queuing number will be pushed; on the same day, you can go directly to the consultation room to wait for calling for treatment, and there is no need to pay on the spot and queue up. \ n2. Users who have completed the payment of the registration fee will automatically refund the fee to the user's payment account within 7 working days if they cancel the order one day before seeing the doctor and apply for cancellation. \ n3. Orders are cancelled under normal conditions (non-system failure, non-doctor temporary suspension). Due to the occupation of the hospital source, such orders are non-refundable. Next, let's take a look at css. Other css are all regular configurations, so we don't need to look at them. Let's take a look at pay-hint-content and the following ellipsis and unellipsis:

Pay-hint-content {margin-left: 5% webkit-line-clamp:3;: 5% opacity: 10pxbett: 13pxscape: # 888; display:-ellipsis;overflow:hidden; / / to achieve contraction through the above four lines} .promosis {- webkit-line-clamp:3; / / displays up to 3 lines opacity: 0.75 / 75% transparency} .unattached / / Show all opacity: 1 / / opaque} here is overflow:hidden.

Let's take a look at js:

Page ({data: {ellipsis: true, / / whether the text is folded by default), / * fold / expand button click event * / ellipsis: function () {var value =! this.data.ellipsis;this.setData ({ellipsis: value})}, this is the end of the article on "how to unfold and close the text text by WeChat Mini Programs". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "how to expand and put away the text text of WeChat Mini Programs". If you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.