uniapp踩坑细节

（）1 scroll-view隐藏滚动条安卓生效，ios不生效？

解决办法

（1）给scroll-view设置如下css样式

.country_area {
			
			width: 78.3333vw;
			height: 102.0667vw;
			overflow-y: scroll;
			position: absolute;
			left: -2vw;
			top: -38vh;
			z-index: 7;
			transform: (0, -50%);
			//核心
			::-webkit-scrollbar {
				width: 0;
				height: 0;
				color: transparent;
			}

			
		}

（2）给scroll-view设置enhance属性和:show-scrollbar="false"

<scroll-view
								
			:show-scrollbar="false"
								
			enhanced
	>

<scroll-view
								@scroll="scroll"
								scroll-y="true"
								v-if="isShowCountryCodeModel"
								:show-scrollbar="false"
								:scroll-into-view="subItemId"
								class="country_area"
								enhanced
							>
								<view
									:id="'subItem' + idx"
									:class="[idx == index ? 'country_code_active' : '', 'list_item']"
									v-for="(item, idx) in countryCodes"
									:key="item.phoneCode"
									@tap="handlerSelectCountry(item, idx)"
								>
									<view class="list_item_code">
										<view class="country_code"><span class="plus_doc">+</span>{{ item.phoneCode }}</view>
									</view>
									<view class="list_item_name">
										{{ item.name }}
									</view>
								</view>
							</scroll-view>

2 uniapp中定义全局变量需要在根目录的uni.scss文件中定义，通过main.js中引入自定义的scss文件不会编译生效

ps:  scss文件中定义自定义函数如果带单位的话，需要做如下修改：

@function transformToVw($pxVal) {

    $result: calc((100 / 375) * $pxVal / 2);

    @return #{$result}vw;  

}

注意这里的#