微信小程序开发问题集锦

最新推荐文章于 2024-03-28 16:19:19 发布

若繁花逝尽

最新推荐文章于 2024-03-28 16:19:19 发布

阅读量1.3k

点赞数 1

分类专栏： web 微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/weixin_42979149/article/details/103837055

版权

web 同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

微信小程序

4 篇文章 1 订阅

订阅专栏

1. wx:key报错does not look like a valid key name？

报错信息：
在这里插入图片描述
解决方法：
wx:key="{{index}}"去掉双大括号，用wx:key=“index”

2. 本地资源图片无法通过 WXSS 获取

wxss文件中backgroud使用本地图片时报错

.topviewClass {
  background-image: url(../../imges/UserCenter/TopBackImage.jpg);
  background-size: cover;
  width: 100%;
  height: 30%;
}

报错信息：
在这里插入图片描述
解决方法：
将本地图片转为base64，转换后的base64字符串放入到backgroud: url();中
如下：

.topviewClass {
  background-image: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QCwRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgExAAIAAAAkAAAAWodpAAQAAAABAAAAfgAAAAAAAABIAAAAAQAAAEgAAAABQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAyCgAwAEAAAAAQAAARAAAAAA/+ELAmh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QUY0NDZBNkJCRjcxMUU2ODE5NjhBOEJBODg0MjNGNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QUY0NDZBN0JCRjcxMUU2ODE5NjhBOEJBODg0MjNGNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlBRjQ0NkE0QkJGNzExRTY4MTk2OEE4QkE4ODQyM0Y1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlBRjQ0NkE1QkJGNzExRTY4MTk2OEE4QkE4ODQyM0Y1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDw/eHBhY2tldCBlbmQ9InciPz4A/+0AOFBob3Rvc2hvcCAzLjAAOEJJTQQEAAAAAAAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/AABEIARADIAMBIgACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2wBDABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoXHh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQED/2wBDAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/3QAEADL/2gAMAwEAAhEDEQA/AO4ooooAKKKKACiiigAooooAefu0gX1pR0pwFAABSM+Pc9hQzc7V5P8AL60gXHJ5Pc0AIF53Nyf0H0pHkxwOSaRnOdq8mhExyeSe9AAqc7m5P8qfRQaAE5HIpQwP1pKQ0APopqt2NKaACiikoAWkoo9h17n0oAOvyj8T6UpIQe1HCCmgFjub8BQAKpJ3N+A9KfRRQAUUUlABRRRQAZAGT2pqgk7j+A9KPvn/AGR+pp9ABRRSUAFFFLQAUUUUAFFFFABikpaQ5oAWlpBRQAtFFFABTRjNOpB1oAWiiigAooooADSUtNOaAF60UDpRQAUUtJQAUtJS0AM+6f8AZP6GnUEZGD0NNUn7p6j9RQA6iiigAIpinYdp+6en+FSU1lBGDQApopqN/C3UfrTjxQAUUUUALRRRQA1lz9R0NIjfwtwRT6ay59iOhoAXpyOncf1oI7jpSK2eD1FL936dxQAlLQR3FJQAtFJmloAWikzjmm5yc0ALnPSlFJS0AFRlShyvTuP8KkFLQA1XDCl5XkdPT/CmMhzuXg/zpUfPB4NAEgII4paYRzkcH+dOVs+x7igBrL+VJ2qQjIxUZoAbSUtJQAUUUUAFFFFAH//Q7iiiigAooooAKKKKACiiigCRelIWLcL+Lf4UYyuKOFHoKAAAKKjLFzhenc0EtIfRf89KeFAGBQAKgUYFOoooASg0UlAAaQ0UGgBKcrZ4NNpKAJDSUgbP1pwwOtACew6/yp3CigADp3pnLtzwB2oAAC53Hp2H9afRRQAUUUUAFJRRQAU1uTsH/AjSsccD7xoVcD+tACgYGKWiigANJRRQAUtFFABRRRQAUUUUAFFFFACZ5xSiiigBaKSloAKQUtBoAKKKKACiik6UABOKKKWgBKKKWgAFFJS0AJRSmkoAWmsD1HUdP8KdRQA1SCMilpp+Vs/wnr7H1p1ACiikpaAGsuenBHQ0K24c9R1FOpjAg7h1HUetADulFAIYZFJQAtLSUUALRRRQA1lzyOCOhoVs8HginU1lzyOCOlAC/d/3f5UEflSgHHPWkLDpQAlLSc00knigBSc0gooFADhSimiloAWlpKUUAFMZM8jg9jT6KAI1cg7W4NPIzz37GkZQw5pgYocN07GgCVW7Hg/zpH60cMKQ5780ANpKWkoAKKKKAClpKWgD/9HuKKKKACiiigAooooAKKKKAH5wpPpUeC5y3T0qQDK0tACAUtFFABSUtJQAUlBoNACUhpaDQAlLQKXp9T0FACfd92PQUuMDk5Pc0oGMk9e5qMkyH/ZH60AOV88jpTwQfrTQMUEUAOopoY9+adQAUlFFABSEgDJoH6Ug+Y7j0HT/ABoAVR/Eepp1FFABSGlpKAClpKWgAoooNABRRRQAUUUUAFFFFABRxRRQAUopOlLQAUppKU0AJRRRQAlHBooxQAtFFFACGlooFAAaBRSUALSUtFACUtJS0AIRkYpqnHynqOh9RT6ay9x1HSgBaKQMCM0tAC0UgpaAGH5Dn+E9fanHmlIzTAdp2np2/wAKAFpaCKSgBaWko+tAC0ZAppb0oAoACWNIhB9j3FOprLzuX7woAd93g/d/lSMtCMGHv3FKOOD93t7UANxRSkYpKAClpKWgBaKQUtAC0UlLQAUhAIwelLRQBF80fuv8qeTkZFOIpp4GBQAw0UGigAooooAKWkooA//S7iiiigAooooAKKKKACgUUUAPWlpEpaACikooAKKKSgApKWkoAKSilGAMn8KADpyfwFOAxyetAH8R6/ypjMXO1eg6mgBGJc4H3R1NPAAFCqAMCloAKSlpKAEoBxRRQA7qOKSkGadnBx370ANPzHaOg6+/tT6QY7ce1LQAUUUlABRRS0AFFFFABRSUtABRRRQAUUUUAAopaQUALR2oooASil70lAC0ppKU0AJSUtIKAFooooAKKKKACiiigAoNAooABRSUtACUUtJQAtFAooAYflOex6/406lIyMGmDj5T26e4oAdS0maKAFpGAIxRmloAarfwnqP1pSMUZA6UgO49elABnFITmgjmigApaSloAWiilFAEbKc7l+9/OnKwYfzFOqNlIO5evcetADxxwenY0hGKFYOP5ilHHB6djQA2ilIxSUALS0lFAC0UUUALRSUtABTWp1MagBtFFFABRRRQAUUUUAf/0+4ooooAKKKKACiiigAooooAclLSL1pT1oAKKKSgAoooNACUUUoHc9KAEA7npTgOdx/AelAGeT+AprsSdq9e59KAEZix2r+JpyqAMChVCinUAFJS0lAAaSlNJQAlFFLwBk9BQAhO0Z7noKFXHJ5J6mhQWO4/gKdQAhHpxQG7GlpKAFopucUo55oAUCloooAKKKSgBRRS0lABRRRQAUUUooAQ0opKWgAo70UCgAooooAKU0lKaAEooooAKKKKACiiigAooooAKKDRQAGgUUlAC0UUUAJS0hooAWmsuRkdR0p1FADAcjP50oo+UZI79TRmgBcgUhyaSloAXApjAg7l69x60+igABDDIptJ9w5/hPX2p55oAbS0lLQAtFAooAWiiigCNlIO5evcetOVg4p1RspU7l/EetADx6H8DSEYpQQwo9j+BoAbS0EYoFABS0lFAC0UUUAFNNOphoASiiigAooooAKKKKAP/9TuKKKKACiiigAooooAKKKKAFXrTj1popx7UAJRRRQAUlLQBn6UAAHc9KUc8np2H9aBz9O1Nd8cDqaAB3/hXrSqoA9+5oVcfU9TTqACiiigANJRRQAlBoo60AIBmk++f9kfqaVufkH4mnAYFAC0hpaSgApKWkoAKKKWgBCPSgE96WkoAXNKKaKUnFAC0UZzRQAUUUUAFKaBSUAAopaSgBaKKO9ABRRRQAUppKU0AJRRRQAUUUUAFFFFABRRRQAUlLQaACg0gpaAEpaSjOKAFpOlJkn2FBHFABn0oxzk0CloAQgEYpo4O0/8B+lPpHXI46joaAEpaQHIz37j3paAFooooACKYp2Haeh6H+lSU1lBGKAFIpKRGP3W6inEUAJS0lLQAUtJSigAooooAjIKncv4inghhS1GQUO5encf1oAf7Hr2PrSEYpeGFAOeD17H1oASijGKKAClpKKAFplONNNACUUUUAFFFFABRRRQB//V7iiiigAooooAKKKKACiiigBRTv4aZTx0oASiijrQAAZoHP8Au/zpcZ6dP50jNtHv2FAA7Y4HJPQUiLjk9T1NCr3PU0+gAooooAKSlpKACkNLSUAFITtGB949KXIAyaRR/E3U0AKq4Hv3p1FFABSUppKAA0lFLQAUtFFACUGiigAAopaDQAlFFLQAgINLSUc9qAFopM0tACmgUlFAC0CjtSdqAFopKWgApTSUpoASiiigAooooAKKKKACig0UAJS0lJz2oAWkLenNLRQAnNFLR3oAKKKWgBtLQaBQAClpKWgCNvlO7sfvf406nEZqMfKdp/4D/hQA+ikFLQAtFAooAYy55HUdKVW3D37inUxgQdw/EUALRSghhkUlAC0UUUALRSCloAKKKKAGEFDuH3e4p3DClphBQ5H3e49KAHdeD1/nSUvBFHXg9f50AJRRRQAGmmnNTTQAlFFFABRS0UAFAoooA//W7iiiigAooooAKKKKACiiigAp60ynKaADHNLjPHbvSkZOPzoYhRQAjMFH9KaqnO5uv8qFUk7m6+npT6ACiiigAoooNACUUUUABpBRSH5jtHQdf8KAAfOc/wAI6f40+gcUUAFFFBoASiiigApaQUtABQaKSgApaBRQAUGik70AKKKKKAEpaKKAEox3paKAEpaKKACiiigApaSigBaU0lKaAEoopM0ALRSUUAFFFGKADJoxQKKADHFFLSUALSUtIaAFFBoFFACUtJQKAFpKWigBKWkoFAC011yPftTqKAGKcj3HWnU1htO4f8CpaAFpaSigBaKKKAI/uHP8J/SnnmgjNNUlTtPTsaAFpaCKKAClpKKAFooooAKKKKAGcof9k/pTsAj+tLTPuH/ZP6UAO68HrRS4zyPwpM+vBoAaabTjSUAJS0UUAFFFFABRRRQB/9fuaSlpKACilooASjFLSUAFFFFABSikpRQA8tgZpgUk7m/AU/AIGe1GKACilpKACiiigApKKKACkpaQnaM9+woAGJHyj7x/SlVcDFIq45PU9adQAUUUUAFJSmkoAKKKWgAooooADSUUooAKKKKACgUUUAFFFFABRRRQAUUUCgAoopaAEooooAKKKWgApSKSlPSgBKKKKACiiigANFFFABQaKKACg0CigAooFFACClpDS0AFJS0lAC0UCigBKKWkoAWikFLQAUwfKdvbt/hT6RlyPfsaACikU5HPUdaWgBRRSUtABSMoIxS0UANVieD1FLSMueR1HSlU7h/MUAFFFFABS0lAoAWiiigAooooAaPkP+z29qVqXrTSMDFADTRRRQAUUUUAFFFFABRRRQB//9DuaKKKACiiigAooooAKKKKAEoFLRQA9elLTVp1ABSUppKACkpTSUAFFFFABx1PQUi/Mdx/AUn3jj+EfqakFACUUtJQAUUUUAJRRRQACloooAKKKQ0AFLQKKACiiigAooooAKKKDQAUUUvagBKUUlLQAlKaBSUAL2pO1KaDQAdqKKKACnHpTacaAG0UUUAFFFFABRRRQAUUUUAFFFFAB3ooooAKBRRQAUUUUAJS0hpaACg0UUAJS0lAoAWiiigBjDB3D8fpTvpS0wfKdvY9P8KAHUUUUALRRRQAU1hg7h+Ip1FACcEZopPuH/ZP6U40AJRRRQAtFJS0AFFFFABTTT6Y1ADaKKKACiiigAooooAKKKKAP//R7miiigAooooAKKKKACiiigAooooAVetPpg60rHBBoAWigEHpQaAEooooAKRuTtH4mnAUgTb7+tACgYHFLRQaAENFFFABSUUUAFLQKWgBKKKKACkFFOFABSUppKACgUUtACGiiigAFFLSUAFBpRSUAAoNKKSgBaQUtAoAO9J3oooAWiiigAp1Np1ADaKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigApBS0hoAWiiigApKWg0AFFJS0AFIwyMUtFADVORz1HWlpGH8Q6jr9KXINABS0lFAC0UUUABGRimq207T+Bp1GKAEPrRTqaRigAooooAWgkCkLAfWmEk0APDZpppV6E0hoASiiigAooooAKKKKACiiigD/0u5ooooAKKKKACiiigAooooAKKKKAAU5vu5ptO6rQAwHFPBz9abRQA6lApo96RSWO7ovYevvQBLRTcmjJoAWkpNxoDetAC0lLSUAFFKBS0AApKXFJQAUGikoAUClooNACGiikoAUUpopKACgUUtAAaSigUALSUUUALSCg0ooADRSUGgBaBSUUALQKSigBadTRS4oASiiigAooo7UAFFFFABRRRQAUUUUAFFFFAAKKSloADRRSUALRRRQAlLSGigBaKKKAEopSKSgBaKSloAKQIRn09PSnUUANooNFAAKWkJxSZzQA/iimiigBc0gYMOKWmMCp3D8RQA7pSFsdOtKCCMimkc0AJ9aMUtJQA4fdptOPSm0AFFFFABRRRQAUUUUAFFFFAH/0+5ooooAKKKKACiiigAopaSgAooooAKeOlMpy0AJiig9aRiR8o+8f0FACH5jtH3R1P8ASpAMUiqFGBS0AIaKDRQAlIaWigABxS5FJRjtQA4E0bjRSUALupN3rRSUALSikFLQAtFNNBoAU0CkGaWgBaSkyaOaAFFLSCgk0AFFJS0AFApKWgApaSigAooooAKKKKACil7UUAAp1Np1ADaKKKACiiigBKKWg0AHakpaSgAoFLSUABpaDSUAKaSlFIRQAtBpKWgBKWm0tAC0lLSGgAzSg02loAXNIaWg0ANzRRRQAtLSUooAawI+YdR29aM8ZHQ06mfdbH8LfoaACloooAUUUCigBaKKKAGfcP8Asn9DTiM0EAjBpqkg7T+BoAKB1pxFIvWgANNpxptABRRS0AJRS0mKAFpKWigBKXvRRQB//9TuaKWigAooooAKSlooAKSlooASilpKAClFJS0AKxC89+wpFXHJ6nrTiAcH0ooAKKKKAEooooAQ0UGigApwGBSD1paACkNLSUAFFFFAABS0UUABpKU0lAAKWiigBDRQaUUAFFFFAAKKKKACiiigAFFKKSgBe1IKWgUAJS0neloAKKKKACnU2nUANooooAKKKKACiiigAo70UUAFJ3paKACkpaQ0ALSGlooASlpKWgBDRS0lAC0UUUAJRQaKAFooooAQ0lOpO9ABSikpRQAUjDIwaWigBinseo/UetLQ4P3h1H+cUAgjI70AApaSloAWikpaACkZcj37GlooARWzweoo6UjD+IdRSnpQA00UGigAooooAKKKKACiiigAooooA//V7qiiigAooooAKKKKACiiigAooooAKKKKAHDpRQtFABRRRQAlFFFACUvXikpwGKACiiigApKWkoAKWkFOoASiiigANApKWgAooooASndqQUGgAoopRQAGkoNAoAWkpTSCgBaSloFAAaKDRQAUUCjvQAUUUUAFOptOoAbRRRQAUUUUAFFFFABRRRQAUUUUAFFFFAAKKKKAENLRRQAUhpaKACiiigApKWg0AFFAooAKDRRQAlAoooAWiiigAph+Vv8AZP6Gn0hAIwaAEpaav909R09xTqAClpKUUAFFFFABSGlppoASiiigAooooAKKKKACiiigAooooA//1u6ooooAKKKKACiiigAooooAKKKKACiiigBVpaQUpoAKSlpKACiijrx+dAAPWloooAKKKKAA0lFKBQAYpTRSUAFFFFAAKDS0lABRRRQAtJS0lABS0gpaAEpRSUtACGlFJS0ABopDS0AFFFBoAKKKSgBaKSigBaXNJTqAG0UUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFACUtBooAKKKKACkpaQ0ALRSCloAKKKKAGsM8jqOlAIIyKdTD8pz2PX6+tADqKKKAFooooAKaacaZQAUUUUAFFFFABRRRQAUUUUAFFFFAH/1+6ooooAKKKKACiiigAooooAKKKKACiiigApxptO7UAJRRRQAfz7UoFIBnmnUABpKU0lABRRSUAFOpBS0AFJS0lABQKKWgApKU0lABSikpaAENFFFAC0hpaSgAFLQKDQAlLSCloATvS0goNACikoooADRRR2oAKWkFLQAU6m06gBtFFFAAaBRRQAZopKU0AFFAooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiig0AFFFFABRRRQAlLQaSgBaKKKACgjIxRRQAxePlPbp7inUMM9Oo6UgORmgBaUUlAoADTaU0lABRRRQAUUUUAFFFFABRRRQAUUUUAf/Z');
  background-size: cover;
  width: 100%;
  height: 30%;
}