2index首页

原创 已于 2022-08-25 22:36:16 修改 · 280 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js #前端

于 2022-08-25 19:48:35 首次发布

文章目录

一、底部导航

pages 文件夹下 新建四个页面文件夹
>pages

	index
	list
	my
	shopcart

use tabBar 根据官方文档uni-app演示代码学习

创建四个，有选中和未选中两个状态

二、顶部开发

2.1navigation

底色：白色
左侧：放大镜 中间文字 右侧：消息
在这里插入图片描述
navigation pages里自定义导航栏

"style": {
				"navigationBarTitleText": "百年奥莱",
				"navigationBarBackgroundColor":"#FFFFFF",
				"navigationStyle":"custom",
				"app-plus":{
					"titleNView":{
						"buttons":[
							{
								"float":"left",
								"fontSrc":"./static/iconfont.ttf",
								"text":"\ue69d"
							},
							{
								"float":"right",
								"fontSrc":"./static/iconfont.ttf",
								"text":"\ue622"
							}
						]
					}
				}
			}

注：app-plus在app中和H5生效，各种小程序不生效，如需定制小程序的头部需要这样做：
1.2.1 pages.json中加入： “navigationStyle”:“custom”
1.2.1 page/index/index.vue中写入:

		<view>
			....你的小程序头部...
		</view>
	<!-- #endif -->

2.2 swiper

新建IndexSwiper.vue文件，封装，目录结构如图：
在这里插入图片描述
Indexswiper.vue

<template>
	<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
		<swiper-item>
			<view class="swiper-item">
				<image class='swiper-img' src="../../static/img/swiper1.jpg" mode=""></image>
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<image class='swiper-img' src="../../static/img/swiper2.jpg" mode=""></image>
			</view>
		</swiper-item>
		<swiper-item>
			<view class="swiper-item">
				<image class='swiper-img' src="../../static/img/swiper3.jpg" mode=""></image>
			</view>
		</swiper-item>
	</swiper>
</template>

<script>
</script>

<style scoped>
swiper{
	width:100%;
	height: 400rpx;
}
.swiper-img{
	width:100%;
	height: 400rpx;
}	
</style>

bug：

1、图片显示，height小程序里正常，app不正常
解决：本身swiper里有150px 的默认高度，直接再写一个 swiper

<style scoped>
swiper{
	width:100%;
	height: 400rpx;
}
.swiper-img{
	width:100%;
	height: 400rpx;
}	
</style>

2、改变图片的大小单位用rpx，以前的upx有问题
3、组件名称swiper.vue or Swiper.vue,在传递数据的时候有可能图片就不见了

三、推荐部分

在这里插入图片描述

进行封装
创建 components/Recommend.vue
底色为蓝色，common.css中定义过
分析布局：一张大图
下方三张小图

<template>
	<view class='recommend bg-color'>
		
		<view class='recommend-item'>
			<image class='item-big' src="../../static/img/Children.jpg" mode=""></image>
			<view class='item-small'>
				<image class='item-img' src="../../static/img/Children1.jpg" mode=""></image>
				<image class='item-img' src="../../static/img/Children2.jpg" mode=""></image>
				<image class='item-img' src="../../static/img/Children3.jpg" mode=""></image>
			</view>
		</view>
		
		<view class='recommend-item'>
			<image class='item-big' src="../../static/img/Furnishing.jpg" mode=""></image>
			<view class='item-small'>
				<image class='item-img' src="../../static/img/Furnishing1.jpg" mode=""></image>
				<image class='item-img' src="../../static/img/Furnishing2.jpg" mode=""></image>
				<image class='item-img' src="../../static/img/Furnishing3.jpg" mode=""></image>
			</view>
		</view>
		
	</view>
</template>

<script>
</script>

style：
内边距上下左右有空隙，padding：20rpx
图片上下排列：

display: flex;
flex-direction: column;
border-radius: 20rpx;
border: 2rpx solid #CCCCCC;
overflow: hidden;
margin:20rpx 0;

<style scoped>
.recommend{
	padding:20rpx;
}
.recommend-item{
	display: flex;
	flex-direction: column;
	border-radius: 20rpx;
	border: 2rpx solid #CCCCCC;
	overflow: hidden;
	margin:20rpx 0;
}
.item-big{
	width:100%;
	height: 300rpx;
}
.item-small{
	width:100%;
	height: 240rpx;
}
.item-img{
	width:33.3333%;
	height: 240rpx;
}
</style>

四、猜你喜欢

在这里插入图片描述

4.1文字封装

<template>
	<view class='card'>
		<view>-</view>
		<slot>
			<view class='card-name'>{{cardTitle}}</view>
		</slot>
		<view>-</view>
	</view>
</template>

<script>
export default {
	props:{
		cardTitle:String
	}
}
</script>

<style scoped>
.card{
	padding:20rpx 0;
	display: flex;
	justify-content: center;
	font-weight: bold;
}
.card-name{
	padding:0 20rpx;
	font-size:32rpx;
}
</style>

indxe.vue

<template>
	<view class='index'>
		
		<IndexSwiper></IndexSwiper>
		<Recommend></Recommend>
		<Card cardTitle='猜你喜欢'></Card>
		
		
	</view>
</template>

<script>
	import IndexSwiper from '@/components/index/IndexSwiper.vue'
	import Recommend from '@/components/index/Recommend.vue'
	import Card from '@/components/common/Card.vue'
	export default {
		data() {
			return {
			
			}
		},
		components:{
			IndexSwiper,
			Recommend,
			Card
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style scoped>

</style>

五、单独商品展示和商品列表

在这里插入图片描述

单个组件：commodity
图片
商品名称
价格 原价
折扣

CommodityList.vue组件为：商品列表组件

CommodityList.vue组件传入数据给Commodity.vue作为展示。

CommodityList.vue代码为：

<template>
	<view class='commodity-list'>
		
		<!-- 商品列表组件 -->
		<Commodity :dataList='commodityList'></Commodity>
		<!--传到commodity.vue -->
		
	</view>
</template>

<script>
import Commodity from './Commodity.vue'
export default {
	data () {
		return {
			commodityList:[
				{
					id:1,
					imgUrl:"../../static/img/commodity1.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:2,
					imgUrl:"../../static/img/commodity2.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:3,
					imgUrl:"../../static/img/commodity3.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:4,
					imgUrl:"../../static/img/commodity4.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				}
			]
		}
	},
	components:{
		Commodity
	}
}
</script>

<style>
</style>

Commodity.vue代码为：

<template>
	<view class='commodity'>
		<!-- 单个商品组件 -->
		<!-- 遍历 -->
		<view class='commodity-item' 
			v-for="(item,index) in dataList"
			:key='index'
		>
			<image class='commodity-img' :src="item.imgUrl" mode=""></image>
			<view class='commodity-content'>
				<text class='commodity-name'>{{item.name}}</text>
				<view>
					<text class='pprice'>¥{{item.pprice}}</text>
					<text class='oprice'>¥{{item.oprice}}</text>
				</view>
				<text class='discount'>{{item.discount}}折</text>
			</view>
		</view>
	
	</view>
</template>

<script>
export default {
	props:{
		dataList:Array//接入来自commoditylist.vue的数据
	}
}
</script>

<style scoped>
.commodity{
	display: flex;
	flex-wrap: wrap; //flex 堆叠方式 
}
.commodity-item{
	width: 375rpx;
	padding-bottom:20rpx;
}
.commodity-img{
	width:100%;
	height: 375rpx;
}
.commodity-content{
	text-align: center;
}
.commodity-name{
	overflow: hidden; // overflow 定义当一个元素的内容太大而无法适应 块级格式化上下文 时候该做什么。
	text-overflow: ellipsis;//用于确定如何提示用户存在隐藏的溢出内容。 
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;  //垂直布局
	color:#333333;
	word-break: break-all; //指定了怎样在单词内断行
	padding:6rpx 20rpx;
}
.oprice{
	text-decoration: line-through;
	font-size:24rpx;
	color:#999999;
}
.discount{
	border-radius: 4rpx;
	border:1px solid #FF3333;
	padding:2rpx 10rpx;
	font-size:20rpx;
	color:#FF3333;
}
</style>

五、运动户外页开发

1.1效果图
在这里插入图片描述
1.2 在components/index目录中创建了Banner.vue和Icons.vue组件
1.3 组件说明Banner.vue就是头图的展示。Icons.vue就是大家看到的宫格
1.4 Banner.vue代码如下：

<template>
	<view class='banner'>
		<image class='banner-img' src="../../static/img/banner1.jpg" mode=""></image>
	</view>
</template>

<script>
</script>

<style scoped>
.banner{
	width:100%;
	height: 300rpx;
}
.banner-img{
	width:100%;
	height: 300rpx;
}
</style>

1.5 Icos.vue代码如下：

<template>
	<view class='icons'>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons1.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons2.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons3.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons4.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons5.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons6.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons7.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
		<view class='icons-item'>
			<image class='icons-img' src="../../static/img/icons8.png" mode=""></image>
			<text class='f-color'>运动户外</text>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
.icons{
	display: flex;
	flex-wrap: wrap;
}
.icons-item{
	width:25%;
	display: flex;
	flex-direction: column;
	align-items: center; /* Pack items around the center */
	justify-content: center; /* 居中排列 */
	padding-top:20rpx;
}
.icons-img{
	width:110rpx;
	height: 110rpx;
}
</style>

六、热销爆品开发修改商品值

1.1效果图
在这里插入图片描述
1.2 component/index下创建Hot.vue组件
1.3 pages/index/index.vue引入Hot.vue组件
1.4 Hot组件内容为单个商品模块，所有引入了Commodity.vue组件。传递参数调整图片宽度和高度，Hot组件代码如下：

<template>
	<view class='hot'>
		
		<Commodity :dataList='hotList' itemW='250rpx' bigH='220rpx'></Commodity>
		
	</view>
</template>

<script>
import Commodity from '../common/Commodity.vue'
export default{
	data () {
		return {
			hotList:[
				{
					id:1,
					imgUrl:"../../static/img/hot1.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:2,
					imgUrl:"../../static/img/hot2.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:3,
					imgUrl:"../../static/img/hot3.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				}
			]
		}
	},
	components:{
		Commodity
	}
}
</script>

<style>
</style>

commodity.vue 下修改接收图片大小调

<script>
export default {
	props:{
		dataList:Array,
		itemW:{
			type:String,
			default:"375rpx"
		},
		bigH:{
			type:String,
			default:"375rpx"
		}
	}
}
</script>

<template>
	<view class='commodity'>
		<!-- 单个商品组件 -->
		
		<view class='commodity-item' 
			v-for="(item,index) in dataList"
			:key='index'
			:style="'width:'+itemW+';'"
		>
			<image 
			class='commodity-img' 
			:src="item.imgUrl"
			 mode=""
			 :style="'height:'+bigH+';'"
			></image>
			
			<view class='commodity-content'>
				<text class='commodity-name'>{{item.name}}</text>
				<view>
					<text class='pprice'>¥{{item.pprice}}</text>
					<text class='oprice'>¥{{item.oprice}}</text>
				</view>
				<text class='discount'>{{item.discount}}折</text>
			</view>
		</view>
	
	</view>
</template>

可以考虑写成除以的倍数，外部传入列数
模板字符串

七、推荐店铺模块开发

1.1 完成后的效果图：

在这里插入图片描述

1.2 components/index目录下新建Shop.vue组件
1.3 pages/index/index.vue引入Shop.vue组件
1.4 Shop.vue组件分为：上大图，下滑块的内容布局，滑块采用uni-app提供组件scroll-view。
1.4.1 scroll-view需要给父元素加入width:100%;white-space: nowrap;其内容需要加入样式display: inline-block;
1.5 滑块内容调用了单个商品组件，其中改变了是否换行以及文字大小，Shop.vue具体代码如下：

<template>
	<view class='shop'>
		<view class='shop-item'>
			<view class='shop-big'>
				<image class='shop-big' src="../../static/img/shop.jpg" mode=""></image>
			</view>
			<scroll-view scroll-x="true" class='scroll-content'>
				<view class='scroll-item'>
					<Commodity 
						:dataList='shopList'
						wrap='no-wrap'
						itemW='200rpx'
						bigH='200rpx'
						nameSize='20rpx'
					></Commodity>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
import Commodity from '../common/Commodity.vue'
export default {
	data () {
		return {
			shopList:[
				{
					id:1,
					imgUrl:"../../static/img/shop1.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:2,
					imgUrl:"../../static/img/shop2.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:3,
					imgUrl:"../../static/img/shop3.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:4,
					imgUrl:"../../static/img/shop4.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:1,
					imgUrl:"../../static/img/shop1.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:2,
					imgUrl:"../../static/img/shop2.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:3,
					imgUrl:"../../static/img/shop3.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				},
				{
					id:4,
					imgUrl:"../../static/img/shop4.jpg",
					name:"大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008大姨绒毛大款2020年必须买,不买你就不行了,爆款疯狂GG008",
					pprice:"299",
					oprice:"659",
					discount:"5.2"
				}
			]
		}
	},
	components:{
		Commodity
	}
}
</script>

<style scoped>
.shop-big{
	width:100%;
	height: 350rpx;
}
.scroll-content{
	width: 100%;
	white-space: nowrap;/*nowrap
和 normal 一样，连续的空白符会被合并。但文本内的换行无效。*/
}
.scroll-item{
	display: inline-block;
}
</style>

八、隐藏滚动条和底部

1.1 隐藏全局滚动条，需要在pages.json的"app-plus"下设置一个属性：“scrollIndicator”:“none”
1.2 uniapp文档里了解到隐藏scroll-view滚动条需要在App.vue中添加样式：

::-webkit-scrollbar {  
    display: none;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}

九、顶栏滑块功能开发

1.1 完成效果：
在这里插入图片描述

1.2 顶部滑块数据：
topBar:[
{name:‘推荐’},
{name:‘运动户外’},
{name:‘服饰内衣’},
{name:‘鞋靴箱包’},
{name:‘美妆个护’},
{name:‘家居数码’},
{name:‘食品母婴’}
]
1.3 顶部滑块样式布局：

<view
class=‘scroll-item’
v-for=‘(item,index) in topBar’
:key=‘index’
@tap=‘changeTab(index)’
>
{{item.name}}


1.4 内容滑动部分:change 事件
<swiper @change=‘onChangeTab’ :current=“topBarIndex”>

{{item.name}}


1.5 方法定义点击滑动跳转：
changeTab(index){
if(this.topBarIndex === index){
return ;
}
this.topBarIndex = index;
},
onChangeTab(e){
this.changeTab(e.detail.current);
}

十、顶栏滑动跟随

1.1 顶部滑动跟随需要在scroll-view中添加scroll-into-view属性，其中代表滚动到哪个块中，匹配为子元素的id，也就是子元素需要加入id值，但是id值不可以为数字开头，那么代码如下：

<scroll-view :scroll-into-view='scrollIntoIndex'>
<view  :id="'top'+index" > </view>
</scroll-view>

1.2 在changeTab方法中写入this.scrollIntoIndex = ‘top’+index;

十一、改变内容块高度

bug

1.1 获取可视区域高度可以使用uni.getSystemInfo()，但是在iso中是有bug的，所以的高度值不对。
1.2 我们修正bug思想是：获取组件元素的高度值的合，然后赋值到内容块中（style=’height’）。
1.3 具体代码如下：特别注意需要在onReady中写入

let view = uni.createSelectorQuery().select(".home-data");
		view.boundingClientRect(data => {
		    this.clentHeight = data.height;
		}).exec();

home-data 这个类
获取到data里的height值，赋予给clientheight ，最后用于swiper适合的大小

修改Android输入法默认语言补丁
09-06
该补丁用来修改Android默认输入法的默认语言，该补丁用来修改Android默认输入法的默认语言
Android 修改输入法的输入语言
热门推荐
u010216716的专栏
01-19 1万+
Android原生系统中，默认的输入法是“Android键盘（AOSP）”，此输入法包括55种输入语言，具体有哪一些，去看看原生系统里的就知道了，目测没有中文（不知道为啥）。 还有一种“Google语音输入”，包含78种输入语言，包括中文。 如果安装了其他的输入法，其输入语言得看输入法自身的了，比如搜狗中文就只有中文一种输入语言。 下面介绍如何操作输入法。 0、取得
7.0 Android系统修改默认输入法后，切换系统语言时输入法自动切到AOSP的解决办法
heyzqt
01-31 7132
Android 7.0设置默认输入法参考下面的文章Android修改默认输入法切换系统语言之后，系统会默认将输入法切换到Andorid Keyboard(AOSP)/frameworks/base/core/java/com/android/internal/inputmethod/InputMethodUtils.javaisSystemImeThatHasSubtypeOf()方法中添加   ...
android 11.0 第三方输入法app设置系统默认输入法
安卓兼职framework和app工程师的博客
05-24 3548
在11.0 的产品开发中，有功能需要要求设置默认输入法，替换掉系统的输入法，所以这就需要了解设置输入法的相关功能需求，然后根据输入法包名来设置默认输入法。
Android 7.0 删除原生输入法（AOSP）&更换系统默认输入法
weixin_51022898的博客
02-26 3148
一、删除原生输入法 1 . 删除build/target/product/core.mk 文件下的原生输入法： PRODUCT_PACKAGES += BasicDreams BlockedNumberProvider #LatinIME \ 删除 Calendar CalendarProvider … 1 2 3 4 5 6 7 2 . 删除device/qcom/common/base.mk 文件下的原生输入法： PRODUCT_PACKAGES := AccountAndSyncSett
android 12.0 第三方输入法app设置系统默认输入法
安卓兼职framework和app工程师的博客
05-26 4342
在12.0的产品开发中，有功能需要要求设置默认输入法，替换掉系统的输入法，所以这就需要了解设置输入法的相关功能需求，然后根据输入法包名来设置默认输入法
android代码打开语言和输入法设置,Android默认输入法勾选多国语言，并默许其中一种语言...
weixin_31106181的博客
05-26 2400
Android默认输入法勾选多国语言，并默认其中一种语言1.首先在设备上调整输入法设置>语言输入法>Android键盘(AOSP)，在输入语言里勾选要选择的语言，比如选“英语(美国)”和“西班牙文”两种：2.选择系统输入法的默认语言(默认为两种语言中的“西班牙文”)打开一个能能调出输入法的应用，下拉通知栏里，“选择输入法”调整为“西班牙文”3.查看Setting数据库文件adb pul...
修改默认aosp语言为中文
闹市隐者
06-06 6388
以下亲证可用，android10 修改build/tools/buildinfo.sh echo "persist.sys.language=zh" echo "persist.sys.country=CN" echo "persist.sys.localevar=" echo "persist.sys.timezone=Asia/Shanghai" echo "ro.product.locale.language=zh" echo "ro.product.locale.region=CN
[Android系统]android7.1 修改系统默认输入法
John_chaos的博客
06-10 1251
参看博客： Android 7.0 删除原生输入法（AOSP）&更换系统默认输入法_Photon128的博客-优快云博客_aosp输入法 Android7.0 系统添加默认输入法_Johnsco的博客-优快云博客
【AOSP输入法】Android TV 7.0添加AOSP输入法(LatinIME)后，编辑文本BACK键返回出现红色下划线的解决办法
heyzqt
02-24 3311
问题描述：Android TV默认Leanback Keyboard键盘，使用mm命令将AOSP输入法编译系统后，在使用前两者任一个输入法后按下BACK返回键某些情况下，输入的英文文本始终会出现一个红色下划线（无论拼写对错，而其他语言不会），并且使用Android Studio直接在未将AOSP输入法编译进系统的系统中进行AOSP输入法安装是不会出现红色下划线的。问题分析：红色下划线看起来像是Sp...
如何默认勾选上Android keyboard(AOSP)输入法
?疯啦
01-29 7308
在做项目的时候，有时候会内置其它输入法，同时也会默认为第三方输入法但是因为第三方输入法是可卸载的，导致在第三方输入法卸载后，没有输入法可用 所以，我们在内置第三方输入法且默认为第三方输入法的同时，需在勾选上系统默认的输入法，以备不时之需 1、修改路径：frameworks/base/packages/SettingsProvider/res/values/defaults.xml 2、修改方
android10 添加默认输入法，修改权限(包括其他app的权限)
xuyewen288的博客
07-22 2038
android10 添加第三方输入法
Android 10 - 设置默认输入法
感觉不怎么会的博客
06-17 1610
由于是默认系统语言改成了中文，输入法也需要对应的改成中文输入。设置过程分成两部分，一个是 adb，另一个是代码设置。在此，简单记录下。设置系统已打开输入法（多个输入法用":"隔开） adb shell settings put secure enabled_input_methodscom.emoji.keyboard.touchpal.go/com.cootek.smartinput5.TouchPalIME:com.android.inputmethod.latin/.LatinIME例如： 感
RK3588S Android12去掉默认输入法，设置百度输入法为默认输入法
u011774634的博客
05-10 940
Camera2 \Gallery2 \*/-->/*
Android 10 默认输入法
m0_60898338的博客
05-19 1373
1.将谷歌输入法内置到系统 2.设置默认输入法 frameworks\base\packages\SettingsProvider\res\values\defaults.xml <!-- Default setting for Settings.Global.MOBILE_DATA_ALWAYS_ON --> <bool name="def_mobile_data_always_on">true</bool> <!-- Defa..
AOSP~ 修改默认语言，时区
南柯好萌的博客
01-17 1084
AOSP~ 修改默认语言，时区
《零基础学 PHP：从入门到实战》教程-模块四：数组与函数-1
zwh821的博客
11-29 1119
本章介绍了PHP数组的基础知识，包括索引数组和关联数组的创建与访问方法。主要内容涵盖：数组的定义和作用，使用array()和[]语法创建数组，通过索引或键名访问元素，以及使用print_r和var_dump调试数组。重点讲解了数组的动态添加、修改元素、错误处理（isset()和array_key_exists()）以及遍历数组的技巧。通过丰富的代码示例，展示了数组在组织数据、简化代码方面的优势，为后续深入学习数组操作打下基础。学习时长约1.5小时，包含大量实践内容。
《零基础学PHP：从入门到实战》教程-模块七：MySQL 数据库基础-4
zwh821的博客
12-03 641
PHP连接MySQL数据库操作指南 本章介绍了使用PHP的mysqli扩展连接和操作MySQL数据库的核心方法。主要内容包括： 两种编程风格：面向对象和面向过程方式，推荐使用面向对象风格 数据库连接：建立连接的标准流程和必要的错误处理 SQL操作： SELECT查询及结果处理 INSERT/UPDATE/DELETE操作 安全防护： 重点讲解SQL注入攻击原理 演示不安全的字符串拼接方式的风险 推荐使用预处理语句（prepare/bind_param/execute）作为唯一正确的防护手段 通过代码示例展示
DVWA-XSS（stored)
最新发布
m0_74303175的博客
12-03 534
是 XSS 中危害最高的类型，核心特点是，所有访问包含该恶意代码页面的用户都会自动触发攻击，无需用户主动点击恶意链接。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值